import styled from "styled-components";
import { tokens, constants } from "../../Combobox.tokens";
export const Wrapper = styled.div.withConfig({
    displayName: "SelectAll.styles__Wrapper",
    componentId: "sc-22acfca9-0"
})([
    `position:`,
    `;z-index:10;top:0;display:flex;flex-direction:column;background:var(`,
    `);margin-bottom:`,
    `;border-top-left-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));border-top-right-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));`
], ({ sticky })=>sticky ? 'sticky' : 'static', constants.background, ({ variant })=>`var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`, tokens.borderRadius, tokens.dropdownBorderWidth, tokens.borderRadius, tokens.dropdownBorderWidth);
export const DividerWrapper = styled.div.withConfig({
    displayName: "SelectAll.styles__DividerWrapper",
    componentId: "sc-22acfca9-1"
})([
    `background:var(`,
    `);`
], constants.background);
export const Divider = styled.div.withConfig({
    displayName: "SelectAll.styles__Divider",
    componentId: "sc-22acfca9-2"
})([
    `height:0.0625rem;margin-top:`,
    `;margin-right:var(`,
    `);margin-left:var(`,
    `);background:var(`,
    `);`
], ({ variant })=>`var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`, tokens.dividerMarginRight, tokens.dividerMarginLeft, tokens.dividerColor);
