import type { JSX } from 'react';
type Variant = 'default' | 'primary' | 'outlined';
type Size = 'sm' | 'md' | 'lg';
export interface CheckboxGroupOption {
    label: string;
    value: string;
    disabled?: boolean;
}
interface CheckboxGroupProps {
    /** Label shown before the checkboxes (e.g. "Fejlede i:") */
    label?: string;
    options: CheckboxGroupOption[];
    selectedValues: string[];
    /**
     * Called with the NEXT selectedValues array (so parent can just setState(next)).
     */
    onChange: (nextSelectedValues: string[]) => void;
    /** Optional: called when a single value was toggled */
    onToggle?: (toggledValue: string, isSelected: boolean) => void;
    /** Pass-through styling */
    variant?: Variant;
    size?: Size;
    /** Layout */
    wrap?: boolean;
    fullWidth?: boolean;
    disabled?: boolean;
    /**
     * Renders a compact container row suitable for toolbars:
     * [Label] [Checkboxes...] [Action]
     */
    contained?: boolean;
    /**
     * Right-side action that keeps the same width:
     * - When NOT all enabled options are selected => shows "Alle" and selects all on click
     * - When ALL enabled options are selected => shows "Ryd" and deselects all on click
     */
    actionLabels?: {
        clear?: string;
        all?: string;
    };
    /** Optional hook when action is clicked */
    onActionClick?: (mode: 'clear' | 'all') => void;
    /** Data attributes pass-through */
    'data-cy'?: string;
}
export declare function CheckboxGroup({ label, options, selectedValues, onChange, onToggle, variant, size, wrap, fullWidth, disabled, contained, actionLabels, onActionClick, 'data-cy': dataCy, }: CheckboxGroupProps): JSX.Element;
export {};