import styled from "@emotion/styled";
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 = /*#__PURE__*/ styled(Dropdown, {
    target: "es24bbf0",
    label: "StyledDropdown"
})(dropdownTokens.borderWidth, ":var(", tokens.dropdownBorderWidth, ");", dropdownTokens.padding, ":var(", tokens.dropdownPadding, ");", dropdownTokens.borderRadius, ":var(", tokens.dropdownBorderRadius, ");", dropdownTokens.width, ":var(", tokens.dropdownWidth, ");", dropdownTokens.itemPadding, ":var(", tokens.dropdownItemPadding, ");", dropdownTokens.background, ":var(", tokens.dropdownBackground, ");", dropdownTokens.boxShadow, ":var(", tokens.dropdownBoxShadow, ");", dropdownTokens.borderColor, ":var(", tokens.dropdownBorderColor, ");", Wrapper, "{&:hover{cursor:default;}}");
