import { default as React } from 'react';

export declare const rootClassName = "teddy-checkbox-card-group";
export declare const RootContext: React.Context<{
    setGroupLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
    required: boolean | undefined;
} | undefined>;
export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
    /** When `true`, prevents the user from interacting with checkbox items. */
    disabled?: boolean;
    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
    name?: string;
    /** When `true`, indicates that the user must check at least one checkbox item before the owning form can be submitted. */
    required?: boolean;
    /** The controlled values of the checkbox items that are checked. Should be used in conjunction with onValueChange. */
    value?: string[];
    /** Event handler called when the values change. */
    onValueChange?: (value: string[]) => void;
    /** The orientation of the component. */
    orientation?: 'horizontal' | 'vertical';
    /** The reading direction of the checkbox group. If omitted, assumes left-to-right reading mode. */
    direction?: 'left' | 'right';
};
export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /** When `true`, prevents the user from interacting with checkbox items. */
    disabled?: boolean;
    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
    name?: string;
    /** When `true`, indicates that the user must check at least one checkbox item before the owning form can be submitted. */
    required?: boolean;
    /** The controlled values of the checkbox items that are checked. Should be used in conjunction with onValueChange. */
    value?: string[];
    /** Event handler called when the values change. */
    onValueChange?: (value: string[]) => void;
    /** The orientation of the component. */
    orientation?: "horizontal" | "vertical";
    /** The reading direction of the checkbox group. If omitted, assumes left-to-right reading mode. */
    direction?: "left" | "right";
} & React.RefAttributes<HTMLDivElement>>;