import styled from "styled-components";
import { Wrapper } from "../../../Dropdown/ui/Inner/ui/Item/Item.styles";
import { component, mergeConfig } from "../../../../engines";
import { dropdownConfig, dropdownTokens } from "../../../Dropdown";
import { tokens } from "../../Attach.tokens";
const mergedConfig = mergeConfig(dropdownConfig);
const Dropdown = component(mergedConfig);
export const StyledDropdown = styled(Dropdown).withConfig({
    displayName: "Dropdown.styles__StyledDropdown",
    componentId: "sc-2d3a49a1-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `{&:hover{cursor:default;}}`
], dropdownTokens.borderWidth, tokens.dropdownBorderWidth, dropdownTokens.padding, tokens.dropdownPadding, dropdownTokens.borderRadius, tokens.dropdownBorderRadius, dropdownTokens.width, tokens.dropdownWidth, dropdownTokens.itemPadding, tokens.dropdownItemPadding, dropdownTokens.background, tokens.dropdownBackground, dropdownTokens.boxShadow, tokens.dropdownBoxShadow, dropdownTokens.borderColor, tokens.dropdownBorderColor, Wrapper);
