import styled from "@emotion/styled";
import { component } from "../../../engines";
import { popoverClasses, popoverConfig } from "../../Popover";
import { tokens } from "./Combobox.tokens";
export var StyledRoot = /*#__PURE__*/ styled("div", {
    target: "ee8347q0",
    label: "StyledRoot"
})("width:100%;position:relative;& .", popoverClasses.wrapper, "{display:block;}");
export var StyledCombobox = /*#__PURE__*/ styled("div", {
    target: "ee8347q1",
    label: "StyledCombobox"
})("box-sizing:border-box;background:var(", tokens.background, ");box-shadow:var(", tokens.boxShadow, ");border-radius:var(", tokens.borderRadius, ");width:var(", tokens.width, ");height:var(", tokens.height, ");padding:var(", tokens.paddingTop, ") var(", tokens.paddingRight, ") var(", tokens.paddingBottom, ")\n        var(", tokens.paddingLeft, ");");
// issue #823
var Popover = component(popoverConfig);
export var StyledPopover = /*#__PURE__*/ styled(Popover, {
    target: "ee8347q2",
    label: "StyledPopover"
})("display:block;.", String(popoverClasses.root), ",.", String(popoverClasses.target), "{width:", function(param) {
    var usePortal = param.usePortal, selectWidth = param.selectWidth;
    return usePortal ? "".concat(selectWidth, "px") : '100%';
}, ";}");
export var ComboboxItemNotFound = /*#__PURE__*/ styled("div", {
    target: "ee8347q3",
    label: "ComboboxItemNotFound"
})("text-align:center;padding:0.5rem;font-family:var(", tokens.itemFontFamily, ");font-size:var(", tokens.itemFontSize, ");font-style:var(", tokens.itemFontStyle, ");font-weight:var(", tokens.itemFontWeightBold, ");letter-spacing:var(", tokens.itemFontLetterSpacing, ");line-height:var(", tokens.itemFontLineHeight, ");");
export var StyledNativeSelect = /*#__PURE__*/ styled("select", {
    target: "ee8347q4",
    label: "StyledNativeSelect"
})("display:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;");
