import clsx from 'clsx'; import { Menu, MenuButton, MenuList } from '@reach/menu-button'; import { PropsWithChildren, ReactNode } from 'react'; import { MoreVertical } from 'react-feather'; interface Props { quickActions?: ReactNode; } export function TableSettingsMenu({ quickActions, children, }: PropsWithChildren) { return ( {({ isExpanded }) => ( <>
Table settings
{children}
{quickActions && (
Quick actions
{quickActions}
)}
)}
); }