mirror of https://github.com/portainer/portainer
35 lines
827 B
TypeScript
35 lines
827 B
TypeScript
import { ReactNode } from 'react';
|
|
import clsx from 'clsx';
|
|
import { Menu, MenuList, MenuButton } from '@reach/menu-button';
|
|
import { MoreVertical } from 'lucide-react';
|
|
|
|
import { Icon } from '@@/Icon';
|
|
|
|
import styles from './ActionsMenu.module.css';
|
|
|
|
interface Props {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export function ActionsMenu({ children }: Props) {
|
|
return (
|
|
<Menu className={styles.actions}>
|
|
{({ isExpanded }) => (
|
|
<>
|
|
<MenuButton
|
|
className={clsx(
|
|
styles.tableActionsMenuBtn,
|
|
isExpanded && styles.actionsActive
|
|
)}
|
|
>
|
|
<Icon icon={MoreVertical} />
|
|
</MenuButton>
|
|
<MenuList>
|
|
<div className={styles.tableActionsMenuList}>{children}</div>
|
|
</MenuList>
|
|
</>
|
|
)}
|
|
</Menu>
|
|
);
|
|
}
|