import styled from "styled-components";
import { Wrapper } from "../../../Dropdown/ui/DropdownItem/DropdownItem.styles";
import { component, mergeConfig } from "../../../../engines";
import { dropdownConfig, dropdownTokens } from "../../../Dropdown";
import { tokens } from "../../Attach.tokens";
var mergedConfig = mergeConfig(dropdownConfig);
var Dropdown = component(mergedConfig);
export var StyledDropdown = styled(Dropdown).withConfig({
    displayName: "Dropdown.styles__StyledDropdown",
    componentId: "sc-b1a3b104-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);
