import "./index.css";
import React, { FieldsetHTMLAttributes } from "react";
export type CheckboxGroupSize = "md" | "sm";
export interface CheckboxGroupProps {
    /** Optional description or error message rendered below the legend. */
    description?: string;
    /** If true, adds aria-invalid and styles the description as an error. */
    invalid?: boolean;
    /** The group label. Renders as <legend>. Required. */
    label: string;
    /** Sets font size for the legend and description. */
    size?: CheckboxGroupSize;
}
export type CheckboxGroupElementProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, keyof CheckboxGroupProps> & CheckboxGroupProps;
/**
 * A checkbox group allows a user to select multiple items from a list of options.
 * Use it to group two or more checkboxes that share a common question or label.
 *
 * @component
 * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-checkbox-group--docs | Storybook Documentation}
 */
export declare function CheckboxGroup({ children, className, description, invalid, label, size, ...restProps }: CheckboxGroupElementProps): React.JSX.Element;
//# sourceMappingURL=CheckboxGroup.d.ts.map