@memori.ai/memori-react/esm/components/UploadMenu/UploadMenu.js

[](https://www.npmjs.com/package/@memori.ai/memori-react)  ![TypeScript Support](https

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Menu } from '@headlessui/react';
import cx from 'classnames';
import Button from '../ui/Button';
import Link from '../icons/Link';
import Picture from '../icons/Picture';
import PaperClip from '../icons/PaperClip';
const UploadMenu = ({ attachmentsMenuOpen, setAttachmentsMenuOpen, disabled = false, authToken, }) => {
    return (_jsxs(Menu, { as: "div", className: "memori-upload-menu", children: [_jsx(Menu.Button, { disabled: disabled, className: cx('memori-button', 'memori-button--circle', 'memori-button--icon-only', 'memori-share-button--button', 'memori--conversation-button'), children: _jsx("div", { className: "memori-button--icon", children: _jsx(PaperClip, {}) }) }), _jsxs(Menu.Items, { as: "ul", className: "memori-menu--overlay", children: [_jsx(Menu.Item, { as: "li", className: "memori-menu--li", children: _jsx(Button, { className: "memori-menu--button", ghost: true, icon: _jsx(Link, {}), outlined: attachmentsMenuOpen === 'link', onClick: () => setAttachmentsMenuOpen('link'), children: "Link" }) }), !!(authToken === null || authToken === void 0 ? void 0 : authToken.length) && (_jsx(Menu.Item, { children: _jsx(Button, { className: "memori-menu--button", ghost: true, icon: _jsx(Picture, {}), outlined: attachmentsMenuOpen === 'media', onClick: () => setAttachmentsMenuOpen('media'), children: "Media" }) }))] })] }));
};
export default UploadMenu;
//# sourceMappingURL=UploadMenu.js.map