import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Icons from "../../../icons";
import { List } from "../list";
import { Wrapper, Heading, Indicator } from "./styled";
import TextBase from "../../../text";
const Dropdown = ({ children, heading, item, ...props }) => {
    return (_jsxs(Wrapper, { className: "ui-header__dropdown", as: item ? "li" : "div", children: [_jsxs(Heading, { className: "ui-header__heading", as: "div", fontFamily: "Bold", children: [_jsx(TextBase.F1, { fontFamily: "Bold", fontWeight: "600", style: { whiteSpace: "nowrap" }, children: heading }), _jsx(Indicator, { children: _jsx(Icons.Arrow, {}) })] }), _jsx(List, { className: "ui-header__list", ...props, children: children })] }));
};
export default Object.assign(Dropdown);
//# sourceMappingURL=index.js.map