build ok,

002_source/cms/src/components/dashboard/file-storage/item-menu.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import { Link as LinkIcon } from '@phosphor-icons/react/dist/ssr/Link';
+import { Trash as TrashIcon } from '@phosphor-icons/react/dist/ssr/Trash';
+
+export interface ItemMenuProps {
+  anchorEl?: HTMLElement | null;
+  onClose?: () => void;
+  onDelete?: () => void;
+  open?: boolean;
+}
+
+export function ItemMenu({ anchorEl, onClose, onDelete, open = false }: ItemMenuProps): React.JSX.Element {
+  return (
+    <Menu
+      anchorEl={anchorEl}
+      anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+      onClose={onClose}
+      open={open}
+      transformOrigin={{ horizontal: 'right', vertical: 'top' }}
+    >
+      <MenuItem onClick={onClose}>
+        <ListItemIcon>
+          <LinkIcon />
+        </ListItemIcon>
+        Copy Link
+      </MenuItem>
+      <MenuItem onClick={onDelete} sx={{ color: 'var(--mui-palette-error-main)' }}>
+        <ListItemIcon>
+          <TrashIcon />
+        </ListItemIcon>
+        Delete
+      </MenuItem>
+    </Menu>
+  );
+}