/// <reference types="react" />
export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
    display?: import("../../layout/Box/types").Display | undefined;
    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
    flexBasis?: string | undefined;
    flexGrow?: 0 | 1 | undefined;
    flexShrink?: 0 | 1 | undefined;
    order?: number | undefined;
    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
}, never>;
export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
    display?: import("../../layout/Box/types").Display | undefined;
    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
    flexBasis?: string | undefined;
    flexGrow?: 0 | 1 | undefined;
    flexShrink?: 0 | 1 | undefined;
    order?: number | undefined;
    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
}, never>;
export declare const MenuItemInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
    display?: import("../../layout/Box/types").Display | undefined;
    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
    flexBasis?: string | undefined;
    flexGrow?: 0 | 1 | undefined;
    flexShrink?: 0 | 1 | undefined;
    order?: number | undefined;
    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
} & {
    enabled?: string | undefined;
    selected?: boolean | undefined;
}, never>;
export declare const MenuItemIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
    display?: import("../../layout/Box/types").Display | undefined;
    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
    flexBasis?: string | undefined;
    flexGrow?: 0 | 1 | undefined;
    flexShrink?: 0 | 1 | undefined;
    order?: number | undefined;
    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
} & {
    side: 'left' | 'right';
}, never>;
export declare const MenuItemIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
    side: 'left' | 'right';
}, never>;
export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    enabled?: boolean | undefined;
}, never>;
export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
    color?: "textDefault" | "background6" | undefined;
    children: import("react").ReactNode;
    size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    weight?: "normal" | "bold" | undefined;
} & {
    enabled?: boolean | undefined;
}, never>;