import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { getCorrectHeight } from "./utils";
import { tokens, constants } from "./Dropdown.tokens";
export const ListWrapper = /*#__PURE__*/ styled("div", {
    target: "ec6jmm10",
    label: "ListWrapper"
})("width:", ({ listWidth })=>listWidth || `var(${tokens.width})`, ";padding:calc(var(", tokens.padding, ") + var(", tokens.borderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.borderWidth, ",0) var(", tokens.borderColor, ",transparent);");
export const Ul = /*#__PURE__*/ styled("ul", {
    target: "ec6jmm11",
    label: "Ul"
})("max-height:", ({ listMaxHeight })=>listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto', ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.borderWidth, ",0rem));margin:0;padding:0;");
export const base = /*#__PURE__*/ css("base");
