mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-28 08:47:50 +02:00
21 lines
554 B
TypeScript
21 lines
554 B
TypeScript
|
import { Key } from 'react';
|
||
|
import { ButtonGroup, Button, Flexbox } from 'react-basics';
|
||
|
|
||
|
export interface FilterButtonsProps {
|
||
|
items: any[];
|
||
|
selectedKey?: Key;
|
||
|
onSelect: () => void;
|
||
|
}
|
||
|
|
||
|
export function FilterButtons({ items, selectedKey, onSelect }: FilterButtonsProps) {
|
||
|
return (
|
||
|
<Flexbox justifyContent="center">
|
||
|
<ButtonGroup items={items} selectedKey={selectedKey as any} onSelect={onSelect}>
|
||
|
{({ key, label }) => <Button key={key}>{label}</Button>}
|
||
|
</ButtonGroup>
|
||
|
</Flexbox>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default FilterButtons;
|