import styled from "styled-components";
import { constants, tokens, classes } from "../../Combobox.tokens";
export const ListWrapper = styled.div.withConfig({
    displayName: "TreeList.styles__ListWrapper",
    componentId: "sc-1c92b41c-0"
})([
    `width:100%;padding:calc(var(`,
    `) + var(`,
    `,0rem));border-radius:var(`,
    `);box-sizing:border-box;background:var(`,
    `);box-shadow:`,
    `,inset 0 0 0 var(`,
    `,0rem) var(`,
    `,transparent);.`,
    `{box-shadow:none;}`
], tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, classes.emptyStateWrapper);
export const ScrollContainer = styled.div.withConfig({
    displayName: "TreeList.styles__ScrollContainer",
    componentId: "sc-1c92b41c-1"
})([
    `max-height:`,
    `;overflow-x:hidden;overflow-y:auto;border-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));`
], ({ listMaxHeight })=>listMaxHeight || 'auto', tokens.borderRadius, tokens.dropdownBorderWidth);
