var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React from "react";
import * as RadixSelect from "@radix-ui/react-select";
import { SVG } from "../SVG";
import { theme } from "../../styles";
import * as styles from "./styles";
import ChevronIcon from "~/components/deprecated/assets/chevron.svg";
import CheckIcon from "~/components/deprecated/assets/check.svg";
const Trigger = (_a) => {
    var { size = "medium", children } = _a, props = __rest(_a, ["size", "children"]);
    return (React.createElement(RadixSelect.Trigger, Object.assign({ className: styles.trigger, "data-size": size }, props),
        children,
        React.createElement(RadixSelect.SelectIcon, null,
            React.createElement(SVG, { SVGElement: ChevronIcon, fill: theme["--ll-color-on-background-variant1"] }))));
};
const Content = (_a) => {
    var { size = "medium", children } = _a, props = __rest(_a, ["size", "children"]);
    return (React.createElement(RadixSelect.Content, Object.assign({ className: styles.content, "data-size": size }, props),
        React.createElement(RadixSelect.Viewport, { className: styles.viewport }, children)));
};
const Item = (_a) => {
    var { variant = "dark", children } = _a, props = __rest(_a, ["variant", "children"]);
    return (React.createElement(RadixSelect.Item, Object.assign({ className: styles.item, "data-variant": variant }, props),
        React.createElement(RadixSelect.ItemText, null, children),
        React.createElement(RadixSelect.ItemIndicator, { className: styles.itemIndicator },
            React.createElement(SVG, { SVGElement: CheckIcon, fill: "currentColor", height: 12, width: 12 }))));
};
/**
 * Portal
 */
const Portal = () => React.createElement(RadixSelect.Portal, null);
const Group = (_a) => {
    var { children, label } = _a, props = __rest(_a, ["children", "label"]);
    return (React.createElement(RadixSelect.Group, Object.assign({}, props),
        React.createElement(RadixSelect.Label, null, label),
        children));
};
const { Root } = RadixSelect;
export { Root, Trigger, Content, Item, Portal, Group };
//# sourceMappingURL=index.js.map