UNPKG

@datalayer/core

Version:

[![Datalayer](https://assets.datalayer.tech/datalayer-25.svg)](https://datalayer.io)

13 lines (12 loc) 1.84 kB
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; /* * Copyright (c) 2023-2025 Datalayer, Inc. * Distributed under the terms of the Modified BSD License. */ import { ActionMenu, ActionList } from '@primer/react'; import { WorkflowIcon, ArchiveIcon, GearIcon, RocketIcon, CopyIcon, CommentIcon, BookIcon, } from '@primer/octicons-react'; export const ActionMenuMock = (props) => { const { title } = props; return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { children: title }), _jsx(ActionMenu.Overlay, { width: "auto", children: _jsxs(ActionList, { children: [_jsxs(ActionList.Item, { onSelect: () => alert('Workflows clicked'), children: ["Workflows", _jsx(ActionList.LeadingVisual, { children: _jsx(WorkflowIcon, {}) })] }), _jsxs(ActionList.Item, { onSelect: () => alert('Archived items clicked'), children: ["Archived items", _jsx(ActionList.LeadingVisual, { children: _jsx(ArchiveIcon, {}) })] }), _jsxs(ActionList.LinkItem, { href: "/", children: ["Settings", _jsx(ActionList.LeadingVisual, { children: _jsx(GearIcon, {}) })] }), _jsxs(ActionList.Item, { onSelect: () => alert('Make a copy clicked'), children: ["Make a copy", _jsx(ActionList.LeadingVisual, { children: _jsx(CopyIcon, {}) })] }), _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { children: [_jsx(ActionList.GroupHeading, { children: "GitHub projects" }), _jsxs(ActionList.LinkItem, { href: "/", children: ["What's new", _jsx(ActionList.LeadingVisual, { children: _jsx(RocketIcon, {}) })] }), _jsxs(ActionList.LinkItem, { href: "/", children: ["Give feedback", _jsx(ActionList.LeadingVisual, { children: _jsx(CommentIcon, {}) })] }), _jsxs(ActionList.LinkItem, { href: "/", children: ["GitHub Docs", _jsx(ActionList.LeadingVisual, { children: _jsx(BookIcon, {}) })] })] })] }) })] })); }; export default ActionMenuMock;