import React from 'react';
export declare const Basic: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
export declare const Cards: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
export declare const Reorderables: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
export declare const Selectables: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
export declare const HoverableItemList: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
export declare const HoverableItems: {
    (args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">): JSX.Element;
    args: {
        hoverable?: boolean | undefined;
        stretchable?: boolean | undefined;
        selectable?: boolean | "multiple" | "toggleable" | undefined;
        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
        value?: string | number | (string | number)[] | undefined;
        defaultValue?: string | number | (string | number)[] | undefined;
        reorderable?: boolean | undefined;
        onReorderEnd?: (() => void) | undefined;
        children: (React.ReactElement<{
            className?: string | undefined;
            onClick?: ((e: React.MouseEvent<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, MouseEvent>) => void) | undefined;
            value?: string | number | undefined;
            view?: "card" | "simple" | undefined;
            disabled?: boolean | undefined;
            hoverable?: boolean | undefined;
            footer?: React.ReactNode;
        }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[];
        className?: string | undefined;
        baseClassName?: string | undefined;
    } & Pick<React.PropsWithChildren<{
        gap?: "md" | "lg" | "xs" | "sm" | "xl" | undefined;
    }>, "gap">;
};
