import * as React from 'react';
import { Iconista } from 'nice-ui/lib/icons/Iconista';
import { Code } from 'nice-ui/lib/1-inline/Code';
import { Sidetip } from 'nice-ui/lib/1-inline/Sidetip';
import { FontStyleButton } from 'nice-ui/lib/2-inline-block/FontStyleButton';
export const annotations = () => {
    return {
        name: 'Annotations',
        expand: 2,
        children: [
            {
                name: 'Link',
                // icon: () => <Iconista width={15} height={15} set="lucide" icon="link" />,
                icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "link-2" }),
                active: {
                    getSnapshot: () => true,
                    subscribe: () => () => { },
                },
                onSelect: () => {
                    console.log('Link');
                },
            },
            {
                name: 'Comment',
                icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lineicons", icon: "comment-1-text" }),
                onSelect: () => {
                    console.log('Comment');
                },
            },
            {
                name: 'Bookmark',
                icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lineicons", icon: "flag-2" }),
                onSelect: () => {
                    console.log('Bookmark');
                },
            },
            {
                name: 'Footnote',
                icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "footprints" }),
                onSelect: () => {
                    console.log('Footnote');
                },
            },
            {
                name: 'Aside',
                icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "box-align-right" }),
                onSelect: () => {
                    console.log('Aside');
                },
            },
        ],
    };
};
export const secondBrain = () => {
    return {
        sepBefore: true,
        name: 'Second brain',
        display: () => (React.createElement(React.Fragment, null,
            React.createElement("span", { style: { color: 'purple' } }, "Second brain"))),
        right: () => React.createElement(Sidetip, { small: true }, 'AI'),
        icon: () => React.createElement(Iconista, { style: { color: 'purple' }, width: 16, height: 16, set: "tabler", icon: "brain" }),
        children: [
            {
                name: 'Ask question',
            },
            {
                name: 'Action',
                children: [
                    {
                        name: 'Make shorter',
                        icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "viewport-short" }),
                        onSelect: () => { },
                    },
                    {
                        name: 'Make longer',
                        icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "viewport-tall" }),
                        onSelect: () => { },
                    },
                    { name: 'Add humor' },
                    { name: 'Make more professional' },
                    { name: 'Make it: ...' },
                ],
            },
            {
                name: 'Translate',
                children: [
                    {
                        name: 'Afrikaans',
                        onSelect: () => { },
                    },
                    {
                        name: 'Arabic',
                        onSelect: () => { },
                    },
                    {
                        name: 'Bengali',
                        onSelect: () => { },
                    },
                    {
                        name: 'Bulgarian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Catalan',
                        onSelect: () => { },
                    },
                    {
                        name: 'Cantonese',
                        onSelect: () => { },
                    },
                    {
                        name: 'Croatian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Czech',
                        onSelect: () => { },
                    },
                    {
                        name: 'Danish',
                        onSelect: () => { },
                    },
                    {
                        name: 'Dutch',
                        onSelect: () => { },
                    },
                    {
                        name: 'Lithuanian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Malay',
                        onSelect: () => { },
                    },
                    {
                        name: 'Malayalam',
                        onSelect: () => { },
                    },
                    {
                        name: 'Panjabi',
                        onSelect: () => { },
                    },
                    {
                        name: 'Tamil',
                        onSelect: () => { },
                    },
                    {
                        name: 'English',
                        onSelect: () => { },
                    },
                    {
                        name: 'Finnish',
                        onSelect: () => { },
                    },
                    {
                        name: 'French',
                        onSelect: () => { },
                    },
                    {
                        name: 'German',
                        onSelect: () => { },
                    },
                    {
                        name: 'Greek',
                        onSelect: () => { },
                    },
                    {
                        name: 'Hebrew',
                        onSelect: () => { },
                    },
                    {
                        name: 'Hindi',
                        onSelect: () => { },
                    },
                    {
                        name: 'Hungarian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Indonesian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Italian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Japanese',
                        onSelect: () => { },
                    },
                    {
                        name: 'Javanese',
                        onSelect: () => { },
                    },
                    {
                        name: 'Korean',
                        onSelect: () => { },
                    },
                    {
                        name: 'Norwegian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Polish',
                        onSelect: () => { },
                    },
                    {
                        name: 'Portuguese',
                        onSelect: () => { },
                    },
                    {
                        name: 'Romanian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Russian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Serbian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Slovak',
                        onSelect: () => { },
                    },
                    {
                        name: 'Slovene',
                        onSelect: () => { },
                    },
                    {
                        name: 'Spanish',
                        onSelect: () => { },
                    },
                    {
                        name: 'Swedish',
                        onSelect: () => { },
                    },
                    {
                        name: 'Thai',
                        onSelect: () => { },
                    },
                    {
                        name: 'Turkish',
                        onSelect: () => { },
                    },
                    {
                        name: 'Ukrainian',
                        onSelect: () => { },
                    },
                    {
                        name: 'Vietnamese',
                        onSelect: () => { },
                    },
                ],
            },
        ],
    };
};
export const inlineText = {
    name: 'Inline text',
    maxToolbarItems: 4,
    children: [
        {
            name: 'Formatting',
            expandChild: 0,
            children: [
                {
                    name: 'Common',
                    expand: 8,
                    children: [
                        {
                            name: 'Bold',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "font-bold" }),
                            // icon: () => <Iconista width={16} height={16} set="lucide" icon="bold" />,
                            right: () => React.createElement(Sidetip, { small: true }, "\u2318 B"),
                            keys: ['⌘', 'b'],
                            onSelect: () => {
                                console.log('Bold');
                            },
                        },
                        {
                            name: 'Italic',
                            // icon: () => <Iconista width={15} height={15} set="radix" icon="font-italic" />,
                            // icon: () => <Iconista width={16} height={16} set="lucide" icon="italic" />,
                            icon: () => React.createElement(Iconista, { width: 14, height: 14, set: "lucide", icon: "italic" }),
                            right: () => React.createElement(Sidetip, { small: true }, "\u2318 I"),
                            active: {
                                getSnapshot: () => true,
                                subscribe: () => () => { },
                            },
                            keys: ['⌘', 'i'],
                            onSelect: () => {
                                console.log('Italic');
                            },
                        },
                        {
                            name: 'Underline',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "underline" }),
                            right: () => React.createElement(Sidetip, { small: true }, "\u2318 U"),
                            keys: ['⌘', 'u'],
                            onSelect: () => {
                                console.log('Underline');
                            },
                        },
                        {
                            name: 'Strikethrough',
                            // icon: () => <Iconista width={15} height={15} set="radix" icon="strikethrough" />,
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "strikethrough" }),
                            onSelect: () => {
                                console.log('Strikethrough');
                            },
                        },
                        {
                            name: 'Overline',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "overline" }),
                            onSelect: () => {
                                console.log('Overline');
                            },
                        },
                        {
                            name: 'Highlight',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "highlight" }),
                            onSelect: () => {
                                console.log('Highlight');
                            },
                        },
                        {
                            name: 'Classified',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "lock-password" }),
                            onSelect: () => {
                                console.log('Classified');
                            },
                        },
                    ],
                },
                {
                    name: 'Technical separator',
                    sep: true,
                },
                {
                    name: 'Technical',
                    expand: 8,
                    children: [
                        {
                            name: 'Code',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "code" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Math',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "math-integral-x" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Superscript',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "superscript" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Subscript',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "subscript" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Keyboard key',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "keyboard" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Insertion',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "pencil-plus" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Deletion',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "pencil-minus" }),
                            onSelect: () => { },
                        },
                    ],
                },
                {
                    name: 'Artistic separator',
                    sep: true,
                },
                {
                    name: 'Artistic',
                    expand: 8,
                    children: [
                        {
                            name: 'Color',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "paintbrush" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Background',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "paint-bucket" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Border',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "border-left" }),
                            onSelect: () => { },
                        },
                    ],
                },
            ],
        },
        secondBrain(),
        {
            name: 'Annotations separator',
            sep: true,
        },
        annotations(),
        {
            name: 'Style separator',
            sep: true,
        },
        {
            name: 'Typesetting',
            expand: 4,
            openOnTitleHov: true,
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "typography" }),
            onSelect: () => { },
            children: [
                {
                    name: 'Sans-serif',
                    iconBig: () => React.createElement(FontStyleButton, { kind: 'sans' }),
                    onSelect: () => { },
                },
                {
                    name: 'Serif',
                    iconBig: () => React.createElement(FontStyleButton, { kind: 'serif' }),
                    onSelect: () => { },
                },
                {
                    name: 'Slab',
                    icon: () => React.createElement(FontStyleButton, { kind: 'slab', size: 16 }),
                    iconBig: () => React.createElement(FontStyleButton, { kind: 'slab' }),
                    onSelect: () => { },
                },
                {
                    name: 'Monospace',
                    iconBig: () => React.createElement(FontStyleButton, { kind: 'mono' }),
                    onSelect: () => { },
                },
                // {
                //   name: 'Custom typeface separator',
                //   sep: true,
                // },
                {
                    name: 'Custom typeface',
                    expand: 10,
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "font-style" }),
                    children: [
                        {
                            name: 'Typeface',
                            // icon: () => <Iconista width={15} height={15} set="radix" icon="font-style" />,
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "font-family" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Text size',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "font-size" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Letter spacing',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "letter-spacing" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Word spacing',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "letter-spacing" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Caps separator',
                            sep: true,
                        },
                        {
                            name: 'Large caps',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "letter-case-uppercase" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Small caps',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "letter-case-lowercase" }),
                            onSelect: () => { },
                        },
                    ],
                },
            ],
        },
        {
            name: 'Modify separator',
            sep: true,
        },
        {
            name: 'Modify',
            expand: 3,
            onSelect: () => { },
            children: [
                {
                    name: 'Pick layer',
                    right: () => (React.createElement(Code, { size: -1, gray: true }, "9+")),
                    more: true,
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "layers" }),
                    onSelect: () => { },
                },
                {
                    name: 'Erase formatting',
                    danger: true,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "eraser" }),
                    onSelect: () => { },
                },
                {
                    name: 'Delete all in range',
                    danger: true,
                    more: true,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "trash" }),
                    onSelect: () => { },
                },
            ],
        },
        {
            name: 'Clipboard separator',
            sep: true,
        },
        {
            name: 'Copy, cut, and paste',
            // icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "copy" }),
            expand: 0,
            children: [
                {
                    id: 'copy-menu',
                    name: 'Copy',
                    // icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
                    expand: 5,
                    children: [
                        {
                            name: 'Copy',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Copy text only',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Copy as Markdown',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
                            right: () => React.createElement(Iconista, { width: 16, height: 16, set: "simple", icon: "markdown", style: { opacity: 0.5 } }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Copy as HTML',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
                            right: () => React.createElement(Iconista, { width: 14, height: 14, set: "simple", icon: "html5", style: { opacity: 0.5 } }),
                            onSelect: () => { },
                        },
                    ],
                },
                {
                    name: 'Cut separator',
                    sep: true,
                },
                {
                    id: 'cut-menu',
                    name: 'Cut',
                    // icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
                    expand: 5,
                    children: [
                        {
                            name: 'Cut',
                            danger: true,
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Cut text only',
                            danger: true,
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Cut as Markdown',
                            danger: true,
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
                            right: () => React.createElement(Iconista, { width: 16, height: 16, set: "simple", icon: "markdown", style: { opacity: 0.5 } }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Cut as HTML',
                            danger: true,
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
                            right: () => React.createElement(Iconista, { width: 14, height: 14, set: "simple", icon: "html5", style: { opacity: 0.5 } }),
                            onSelect: () => { },
                        },
                    ],
                },
                {
                    name: 'Paste separator',
                    sep: true,
                },
                {
                    id: 'paste-menu',
                    name: 'Paste',
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
                    expand: 5,
                    children: [
                        {
                            name: 'Paste',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Paste text only',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Paste formatting',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
                            onSelect: () => { },
                        },
                    ],
                },
            ],
        },
        {
            name: 'Insert',
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "between-vertical-end" }),
            children: [
                {
                    name: 'Smart chip',
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "button" }),
                    children: [
                        {
                            name: 'Date',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "calendar" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'AI chip',
                            icon: () => React.createElement(Iconista, { style: { color: 'purple' }, width: 16, height: 16, set: "tabler", icon: "brain" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Solana wallet',
                            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "wallet" }),
                            onSelect: () => { },
                        },
                        {
                            name: 'Dropdown',
                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
                            children: [
                                {
                                    name: 'Create new',
                                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "plus" }),
                                    onSelect: () => { },
                                },
                                {
                                    name: 'Document dropdowns separator',
                                    sep: true,
                                },
                                {
                                    name: 'Document dropdowns',
                                    expand: 8,
                                    onSelect: () => { },
                                    children: [
                                        {
                                            name: 'Configuration 1',
                                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
                                            onSelect: () => { },
                                        },
                                        {
                                            name: 'Configuration 2',
                                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
                                            onSelect: () => { },
                                        },
                                    ],
                                },
                                {
                                    name: 'Presets dropdowns separator',
                                    sep: true,
                                },
                                {
                                    name: 'Presets dropdowns',
                                    expand: 8,
                                    onSelect: () => { },
                                    children: [
                                        {
                                            name: 'Project status',
                                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
                                            onSelect: () => { },
                                        },
                                        {
                                            name: 'Review status',
                                            icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
                                            onSelect: () => { },
                                        },
                                    ],
                                },
                            ],
                        },
                    ],
                },
                {
                    name: 'Link',
                    // icon: () => <Iconista width={15} height={15} set="lucide" icon="link" />,
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "link-2" }),
                    active: {
                        getSnapshot: () => true,
                        subscribe: () => () => { },
                    },
                    onSelect: () => { },
                },
                {
                    name: 'Reference',
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "sewing-pin" }),
                    onSelect: () => { },
                },
                {
                    name: 'File',
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "file" }),
                    onSelect: () => { },
                },
                {
                    name: 'Template',
                    text: 'building blocks',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "template" }),
                    children: [
                        {
                            name: 'Meeting notes',
                            onSelect: () => { },
                        },
                        {
                            name: 'Email draft (created by AI)',
                            onSelect: () => { },
                        },
                        {
                            name: 'Product roadmap',
                            onSelect: () => { },
                        },
                        {
                            name: 'Review tracker',
                            onSelect: () => { },
                        },
                        {
                            name: 'Project assets',
                            onSelect: () => { },
                        },
                        {
                            name: 'Content launch tracker',
                            onSelect: () => { },
                        },
                    ],
                },
                {
                    name: 'On-screen keyboard',
                    icon: () => React.createElement(Iconista, { width: 15, height: 15, set: "radix", icon: "keyboard" }),
                    onSelect: () => { },
                },
                {
                    name: 'Emoji',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "smile-plus" }),
                    onSelect: () => { },
                },
                {
                    name: 'Special characters',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "omega" }),
                    onSelect: () => { },
                },
                {
                    name: 'Variable',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "variable" }),
                    onSelect: () => { },
                },
            ],
        },
        {
            name: 'Developer tools',
            danger: true,
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "square-chevron-right" }),
            onSelect: () => { },
        },
    ],
};
export const blockElement = {
    name: 'Block element',
    children: [
        {
            name: 'Text blocks',
            expand: 3,
            children: [
                {
                    name: 'Paragraph',
                    // icon: () => <Iconista width={16} height={16} set="lucide" icon="type" />,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "pilcrow" }),
                    // icon: () => <Iconista width={15} height={15} set="radix" icon="pilcrow" />,
                    onSelect: () => { },
                },
                {
                    name: 'Blockquote',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "quote" }),
                    onSelect: () => { },
                },
                {
                    name: 'Code block',
                    // icon: () => <Iconista width={16} height={16} set="tabler" icon="terminal" />,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "code" }),
                    onSelect: () => { },
                },
                {
                    name: 'Math block',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "math" }),
                    onSelect: () => { },
                },
                {
                    name: 'Pre-formatted',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
                    onSelect: () => { },
                },
            ],
        },
        {
            name: 'Headings separator',
            sep: true,
        },
        {
            name: 'Headings',
            expand: 3,
            children: [
                {
                    name: 'Heading 1',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-1" }),
                    // icon: () => <Iconista width={16} height={16} set="simple" icon="h-1" />,
                    onSelect: () => { },
                },
                {
                    name: 'Heading 2',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-2" }),
                    onSelect: () => { },
                },
                {
                    name: 'Heading 3',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-3" }),
                    onSelect: () => { },
                },
                {
                    name: 'Heading 4',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-4" }),
                    onSelect: () => { },
                },
                {
                    name: 'Heading 5',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-5" }),
                    onSelect: () => { },
                },
                {
                    name: 'Heading 6',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "h-6" }),
                    onSelect: () => { },
                },
                {
                    sepBefore: true,
                    name: 'Title',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
                    onSelect: () => { },
                },
                {
                    name: 'Sub-title',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
                    onSelect: () => { },
                },
            ],
        },
        {
            sepBefore: true,
            name: 'Lists',
            expand: 3,
            children: [
                {
                    name: 'Bullet list',
                    // icon: () => <Iconista width={16} height={16} set="tabler" icon="list" />,
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--bulleted" }),
                    onSelect: () => { },
                },
                {
                    name: 'Numbered list',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--numbered" }),
                    onSelect: () => { },
                },
                {
                    name: 'Task list',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--checked" }),
                    onSelect: () => { },
                },
            ],
        },
        secondBrain(),
        {
            name: 'Layouts separator',
            sep: true,
        },
        {
            name: 'Layouts',
            expand: 0,
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "layout" }),
            children: [
                {
                    name: 'Table',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "table" }),
                    onSelect: () => { },
                },
                {
                    name: 'Columns',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "columns" }),
                    onSelect: () => { },
                },
            ],
        },
        {
            name: 'Embed',
            expand: 0,
            icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "image-in-picture" }),
            children: [
                {
                    name: 'Image',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "photo-scan" }),
                    onSelect: () => { },
                },
                {
                    name: 'File',
                    icon: () => React.createElement(Iconista, { width: 16, height: 16, set: "tabler", icon: "file" }),
                    onSelect: () => { },
                },
            ],
        },
        Object.assign(annotations(), { expand: 0 }),
    ],
};
//# sourceMappingURL=menuItems.js.map