import type { StyleFunctionProps } from "@chakra-ui/react"; declare const $itemBg: { variable: string; reference: string; }; export declare const Menu: { baseStyle?: (({ theme }: StyleFunctionProps) => { list: { borderRadius: "xl"; boxShadow: "md"; bg: string; color: string; borderWidth: string; borderStyle: string; borderColor: string; }; divider: { opacity?: number | undefined; borderColor: string; }; item: { color: string; minH: string; px: string; py: string; mx: string; width: string; fontSize: string; borderRadius: "md"; bg: string; _focus: { [$itemBg.variable]: string; bg: string; }; _hover: { [$itemBg.variable]: string; bg: string; }; _active: { [$itemBg.variable]: string; bg: string; }; _expanded: { [$itemBg.variable]: string; bg: string; }; "&[aria-checked=true]": { color: string; fontWeight: number; "& .chakra-menu__icon-wrapper": { color: string; }; }; }; }) | undefined; sizes?: { [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{ keys: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[]; }>; } | undefined; variants?: { [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{ keys: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[]; }>; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[]; }; export {};