lookingglass/hyperglass/ui/components/table/page-select.tsx
2021-12-18 23:45:06 -07:00

16 lines
405 B
TypeScript

import { Select } from '@chakra-ui/react';
import type { SelectProps } from '@chakra-ui/react';
export const PageSelect = (props: SelectProps): JSX.Element => {
const { value, ...rest } = props;
return (
<Select size="sm" {...rest}>
{[5, 10, 20, 30, 40, 50].map(value => (
<option key={value} value={value}>
Show {value}
</option>
))}
</Select>
);
};