"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Select = void 0;
const theme_1 = require("../../theme");
const Input_css_1 = require("./input/Input.css");
const Select = (0, theme_1.styled)("select", {
    "boxSizing": "border-box",
    "height": (0, theme_1.dimensionsPxToRem)(103),
    "color": "$text",
    "display": "flex",
    "alignItems": "center",
    "width": "100%",
    "background": "$background",
    "fontFamily": "inherit",
    "borderRadius": (0, theme_1.pxToRem)(2),
    "padding": `0 ${(0, theme_1.dimensionsPxToRem)(36)}`,
    "border": `${(0, theme_1.borderPxToRem)(1)} solid $border`,
    "appearance": "auto",
    "&:where(:disabled)": {
        background: "$inputDisabledBg",
        color: "$inputDisabledText",
    },
    "&:focus": Input_css_1.focusCSS,
    "variants": {
        error: {
            true: Input_css_1.errorCSS,
        },
    },
});
exports.Select = Select;
//# sourceMappingURL=Select.styled.js.map