import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { component, mergeConfig } from "../../engines";
import { emptyStateConfig, emptyStateTokens } from "../EmptyState";
import { getCorrectHeight } from "./utils";
import { tokens, constants, classes } from "./Select.tokens";
var mergedConfig = mergeConfig(emptyStateConfig);
var EmptyState = component(mergedConfig);
export var ListWrapper = /*#__PURE__*/ styled("div", {
    target: "e12ippls0",
    label: "ListWrapper"
})("width:", function(param) {
    var listWidth = param.listWidth;
    return listWidth || '100%';
}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);");
export var Ul = /*#__PURE__*/ styled("ul", {
    target: "e12ippls1",
    label: "Ul"
})("max-height:", function(param) {
    var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
    return(// eslint-disable-next-line no-nested-ternary
    virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
}, ";overflow-x:hidden;overflow-y:", function(param) {
    var virtual = param.virtual;
    return virtual ? 'visible' : 'auto';
}, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;.", classes.emptyStateWrapper, "{box-shadow:none;}");
export var StyledEmptyState = /*#__PURE__*/ styled(EmptyState, {
    target: "e12ippls2",
    label: "StyledEmptyState"
})(emptyStateTokens.borderRadius, ":var(", tokens.textFieldBorderRadius, ");", emptyStateTokens.padding, ":var(", tokens.emptyStatePadding, ");", emptyStateTokens.fontFamily, ":var(", tokens.textFieldFontFamily, ");", emptyStateTokens.fontSize, ":var(", tokens.textFieldFontSize, ");", emptyStateTokens.fontStyle, ":var(", tokens.textFieldFontStyle, ");", emptyStateTokens.fontWeight, ":var(", tokens.textFieldFontWeight, ");", emptyStateTokens.fontLetterSpacing, ":var(", tokens.textFieldLetterSpacing, ");", emptyStateTokens.fontLineHeight, ":var(", tokens.textFieldLineHeight, ");");
export var base = /*#__PURE__*/ css("base");
