import { default as React, ReactNode } from 'react';
import { StyleProps, PolymorphicProps } from '../../style-engine';
declare const menuItemStyles: import('../../style-engine').StylesDef<{
    color: {
        readonly primary: "bg-primary text-white";
        readonly secondary: "bg-secondary text-white";
        readonly accent: "bg-accent text-white";
        readonly muted: "bg-muted text-foreground";
        readonly success: "bg-success text-white";
        readonly warning: "bg-warning text-white";
        readonly danger: "bg-danger text-white";
        readonly info: "bg-info text-white";
        readonly gradient: "bg-gradient-ui text-white";
    };
    state: {
        active: string;
        inactive: string;
    };
    size: {
        sm: string;
        md: string;
        lg: string;
    };
}>;
type MenuItemStyleProps = StyleProps<typeof menuItemStyles>;
export interface MenuItemOwnProps extends Omit<MenuItemStyleProps, 'state'> {
    children: ReactNode | ReactNode[];
    active?: boolean;
    activeAria?: 'pressed' | 'selected' | 'page' | 'none';
    role?: string;
    tabIndex?: number;
}
export type MenuItemProps<E extends React.ElementType> = PolymorphicProps<E, MenuItemOwnProps>;
export declare function MenuItem<E extends React.ElementType = 'button'>({ as, children, active, color, className, activeAria, role, tabIndex, ...props }: MenuItemProps<E>): React.JSX.Element;
export {};