import React, { MouseEventHandler } from "react";
import { type VariantProps } from "tailwind-variants";
import { AvatarElement, AvatarProps } from "../Avatar";
import { FlexProps } from "../Flex";
import { FlexColumnProps } from "../FlexColumn";
import { LinkProps, Url } from "../Link";
import { VerticalAlignedProps } from "../VerticalAligned";
export type ItemRenderLinkComponent = React.ComponentType<Omit<LinkItemProps, "renderLink">>;
export type ItemPropsBase = FlexProps & VariantProps<typeof itemVariants> & {
    disabled?: boolean;
    onClick?: MouseEventHandler<HTMLElement>;
    renderLink?: ItemRenderLinkComponent;
};
declare const itemVariants: import("tailwind-variants").TVReturnType<{
    active: {
        true: string;
    };
    interactive: {
        true: string;
    };
    disabled: {
        true: string;
    };
    variant: {
        unstyled: string;
        vertical: string;
    };
}, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", {
    active: {
        true: string;
    };
    interactive: {
        true: string;
    };
    disabled: {
        true: string;
    };
    variant: {
        unstyled: string;
        vertical: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    active: {
        true: string;
    };
    interactive: {
        true: string;
    };
    disabled: {
        true: string;
    };
    variant: {
        unstyled: string;
        vertical: string;
    };
}, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", unknown, unknown, undefined>>;
type LinkItemProps = ItemPropsBase & {
    href: Url;
} & LinkProps;
export type DefaultItemProps = ItemPropsBase & {
    href?: undefined;
    target?: string;
};
export type ItemProps = DefaultItemProps | LinkItemProps;
export declare const ItemAvatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<AvatarElement>>;
export declare const ItemContent: ({ className, ...rest }: VerticalAlignedProps) => React.JSX.Element;
export declare const ItemTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    asChild?: boolean;
} & VariantProps<import("tailwind-variants").TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, undefined, {
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, undefined, unknown, unknown, undefined>>> & import("../..").TextColorVariantProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
export declare const ItemDescription: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    asChild?: boolean;
} & VariantProps<import("tailwind-variants").TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, undefined, {
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
    };
    weight: {
        regular: string;
        semibold: string;
    };
}, undefined, undefined, unknown, unknown, undefined>>> & import("../..").TextColorVariantProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
export declare const ItemSide: ({ className, ...rest }: FlexColumnProps) => React.JSX.Element;
export declare const ItemAction: ({ className, ...rest }: FlexColumnProps) => React.JSX.Element;
/**
 * A common component for rendering a grouping of an Avatar with content such as Title and Description.
 * Can be used in a variety of places such as a list of users, activity rows, etc.
 */
export declare const Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLElement>> & {
    Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<AvatarElement>> & {
        Badge: React.ForwardRefExoticComponent<Omit<import("..").SlotProps<"div">, "height" | "width"> & import("../..").TextColorVariantProps & Omit<VariantProps<import("tailwind-variants").TVReturnType<{
            size: {
                xs: string;
                sm: string;
                md: string;
            };
            tint: {
                true: string;
            };
        }, undefined, "absolute overflow-hidden bg-bg-additional-3", {
            size: {
                xs: string;
                sm: string;
                md: string;
            };
            tint: {
                true: string;
            };
        }, undefined, import("tailwind-variants").TVReturnType<{
            size: {
                xs: string;
                sm: string;
                md: string;
            };
            tint: {
                true: string;
            };
        }, undefined, "absolute overflow-hidden bg-bg-additional-3", unknown, unknown, undefined>>>, "tint"> & {
            tintSrc?: string;
        } & React.RefAttributes<HTMLDivElement>>;
    };
    Content: ({ className, ...rest }: VerticalAlignedProps) => React.JSX.Element;
    Title: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        asChild?: boolean;
    } & VariantProps<import("tailwind-variants").TVReturnType<{
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, undefined, {
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, import("tailwind-variants").TVReturnType<{
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, undefined, unknown, unknown, undefined>>> & import("../..").TextColorVariantProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
    Description: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        asChild?: boolean;
    } & VariantProps<import("tailwind-variants").TVReturnType<{
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, undefined, {
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, import("tailwind-variants").TVReturnType<{
        size: {
            xs: string;
            sm: string;
            md: string;
        };
        weight: {
            regular: string;
            semibold: string;
        };
    }, undefined, undefined, unknown, unknown, undefined>>> & import("../..").TextColorVariantProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
    Side: ({ className, ...rest }: FlexColumnProps) => React.JSX.Element;
    Action: ({ className, ...rest }: FlexColumnProps) => React.JSX.Element;
};
export {};
//# sourceMappingURL=Item.d.ts.map