import React from 'react';
import { MenuVariantProps } from './menu.styles';
import { Placement, Strategy } from '@floating-ui/react-dom';
export interface MenuContentProps extends MenuVariantProps, React.HTMLAttributes<HTMLUListElement> {
    /** distance between combobox and listbox
     * @default 5
     */
    offset?: number;
    /** padding used to prevent arrow to touch content edges. its usefull when content has rounded corners.
     * @default 10
     */
    arrowPadding?: number;
    /** @default bottom */
    placement?: Placement;
    /** @default absolute */
    strategy?: Strategy;
}
interface MenuContentCtx {
    focused: string;
    setFocused: React.Dispatch<React.SetStateAction<string>>;
}
declare const MenuContentCtx: {
    (props: MenuContentCtx & {
        children?: React.ReactNode;
    }): import("react/jsx-runtime").JSX.Element;
    displayName: string;
}, useMenuContentCtx: (consumerName: string) => MenuContentCtx;
declare const useMenuStyles: (consumerName: string) => {
    content: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    item: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    itemIcon: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    itemContent: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    label: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    group: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    separator: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {
    content: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    item: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    itemIcon: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    itemContent: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    label: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    group: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    separator: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {};
export { useMenuContentCtx, useMenuStyles };
export declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLUListElement>>;
//# sourceMappingURL=menu-content.d.ts.map