import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { getCorrectHeight } from "./utils";
import { tokens, constants } from "./Dropdown.tokens";
export var ListWrapper = /*#__PURE__*/ styled("div", {
    target: "et72kcn0",
    label: "ListWrapper"
})("width:", function(param) {
    var listWidth = param.listWidth;
    return listWidth || "var(".concat(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 var Ul = /*#__PURE__*/ styled("ul", {
    target: "et72kcn1",
    label: "Ul"
})("max-height:", function(param) {
    var listMaxHeight = param.listMaxHeight;
    return 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 var base = /*#__PURE__*/ css("base");
