import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import { Separator } from './separator.js';
import 'radix-ui';

declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
declare const itemVariants: (props?: ({
    variant?: "muted" | "default" | "outline" | null | undefined;
    size?: "xs" | "sm" | "default" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
    asChild?: boolean;
}): React.JSX.Element;
declare const itemMediaVariants: (props?: ({
    variant?: "image" | "default" | "icon" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };