declare const dropdownStyles: { arrow: (props?: ({ color?: "white" | "gray" | "slate" | "zinc" | null | undefined; arrowSide?: "top" | "right" | "bottom" | "left" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; base: (props?: ({ open?: boolean | null | undefined; arrowSide?: "top" | "right" | "bottom" | "left" | null | undefined; mode?: "tight" | "spacey" | null | undefined; size?: "sm" | "md" | "lg" | "xs" | null | undefined; color?: "white" | "gray" | "slate" | "zinc" | null | undefined; radius?: "none" | "sm" | "base" | "md" | "lg" | null | undefined; shadow?: "none" | "sm" | "base" | "md" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; content: (props?: ({ size?: "sm" | "md" | "lg" | "xs" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; divider: (props?: ({ color?: "gray" | "dark" | "slate" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; item: (props?: ({ tone?: "solid" | "light" | null | undefined; mode?: "tight" | "spacey" | null | undefined; color?: "blue" | "red" | "green" | "yellow" | "purple" | "gray" | "dark" | "black" | null | undefined; size?: "sm" | "md" | "lg" | "xs" | null | undefined; radius?: "none" | "sm" | "base" | "md" | "lg" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; label: (props?: ({ mode?: "tight" | "spacey" | null | undefined; color?: "blue" | "red" | "green" | "yellow" | "purple" | "gray" | "dark" | "black" | null | undefined; weight?: "black" | "light" | "bold" | "thin" | "extraLight" | "normal" | "medium" | "semiBold" | "extraBold" | null | undefined; size?: "sm" | "md" | "lg" | "xs" | null | undefined; } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string; }; export { dropdownStyles }; //# sourceMappingURL=Dropdown.styles.d.ts.map