import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/* eslint-disable react/jsx-max-depth */
import DownloadFile from "../icon-components/DownloadFile.js";
import ExportPdf from "../icon-components/ExportPdf.js";
import ExportUbl from "../icon-components/ExportUbl.js";
import ExportZip from "../icon-components/ExportZip.js";
import { Dropdown, DropdownContent, DropdownItem } from "./index.js";
import { DropdownTrigger } from "./subcomponents/dropdown-trigger.js";
const DropdownExample = () => {
    return (_jsxs(Dropdown, { children: [_jsxs(DropdownTrigger, { className: "w-[184px]", children: [_jsx(DownloadFile, { width: 16, height: 16 }), "Export as"] }), _jsxs(DropdownContent, { className: "w-[184px]", children: [_jsxs(DropdownItem, { onClick: () => alert("Powerhouse Invoice"), children: [_jsx(ExportZip, { width: 16, height: 16 }), _jsx("span", { children: "Powerhouse Invoice" })] }), _jsxs(DropdownItem, { onClick: () => alert("UBL file"), children: [_jsx(ExportUbl, { width: 16, height: 16 }), _jsx("span", { children: "UBL file" })] }), _jsxs(DropdownItem, { onClick: () => alert("PDF file"), children: [_jsx(ExportPdf, { width: 16, height: 16 }), _jsx("span", { children: "PDF file" })] })] })] }));
};
export default DropdownExample;
//# sourceMappingURL=dropdown-example.js.map