{"version":3,"file":"index.mjs","sources":["../../../../../src/components/markdown-input/menu-item/index.tsx"],"sourcesContent":["import React, { type FunctionComponent, type ReactElement } from \"react\";\nimport { mergedCva } from \"../../../utils/components\";\n\nconst rootStyles = mergedCva([], {\n    variants: {\n        active: {\n            true: [\"cui-rounded-base\", \"cui-border\", \"cui-border-gray-400\"],\n            false: [\"cui-border\", \"cui-border-transparent\"],\n        },\n    },\n});\n\ninterface MenuItemProps {\n    icon: FunctionComponent<React.SVGProps<SVGSVGElement>>;\n    title: string;\n    action: () => void;\n    isActive: () => boolean;\n}\n\nexport const MenuItem = ({\n    icon: Icon,\n    title,\n    action,\n    isActive,\n}: MenuItemProps): ReactElement => {\n    return (\n        <button\n            className={rootStyles({ active: isActive() })}\n            onClick={action}\n            title={title}\n        >\n            <Icon />\n        </button>\n    );\n};\n"],"names":["React"],"mappings":";;;AAGA,MAAM,UAAA,GAAa,SAAU,CAAA,EAAI,EAAA;AAAA,EAC7B,QAAU,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACJ,IAAM,EAAA,CAAC,kBAAoB,EAAA,YAAA,EAAc,qBAAqB,CAAA;AAAA,MAC9D,KAAA,EAAO,CAAC,YAAA,EAAc,wBAAwB,CAAA;AAAA,KAClD;AAAA,GACJ;AACJ,CAAC,CAAA,CAAA;AASM,MAAM,WAAW,CAAC;AAAA,EACrB,IAAM,EAAA,IAAA;AAAA,EACN,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AACJ,CAAmC,KAAA;AAC/B,EACI,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,WAAW,UAAW,CAAA,EAAE,MAAQ,EAAA,QAAA,IAAY,CAAA;AAAA,MAC5C,OAAS,EAAA,MAAA;AAAA,MACT,KAAA;AAAA,KAAA;AAAA,iDAEC,IAAK,EAAA,IAAA,CAAA;AAAA,GACV,CAAA;AAER;;;;"}