diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 18:01:48 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 20:17:07 -0400 |
| commit | 9eb1625ec5de3c221ed0445dde874fcb1dc3ff48 (patch) | |
| tree | fe2d2cb383813ca3511af68065257b6ea561afe8 /src/components/MenuItem.tsx | |
| parent | 13451b7588aa5800f0c1a87e7c3b49830d9e4087 (diff) | |
feat: add menu components
Diffstat (limited to 'src/components/MenuItem.tsx')
| -rw-r--r-- | src/components/MenuItem.tsx | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx new file mode 100644 index 0000000..04c04c7 --- /dev/null +++ b/src/components/MenuItem.tsx @@ -0,0 +1,17 @@ +import Button from './Button.tsx'; +import './MenuItem.css'; + +export interface MenuItemProps { + label: string; + onClick?: (event: PointerEvent) => void; +} + +const MenuItem = ({ label, onClick }: MenuItemProps) => { + return ( + <li class="__MenuItem"> + <Button kind="ghost" onClick={onClick}>{label}</Button> + </li> + ); +}; + +export default MenuItem;
\ No newline at end of file |