import { IconType } from '../../atoms/Icon/types';
import { ComponentProps } from 'react';
export declare const csatIconVariant: (props?: ({
    isDisabled?: boolean | null | undefined;
    isSelected?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
/**
 * Size variants for the Csat component
 */
export type CsatSize = 's' | 'm' | 'l';
/**
 * Csat satisfaction levels (1-5 scale)
 */
export type CsatValue = 1 | 2 | 3 | 4 | 5 | null;
/**
 * Icon configuration for Csat steps
 */
export type CsatStep = {
    /** Icon for this satisfaction level */
    icon: IconType;
    /** Tooltip text for this satisfaction level */
    tooltip: string;
    /** Numeric value (1-5) */
    value: CsatValue;
};
/**
 * Props for the Csat component
 */
export type CsatProps = ComponentProps<'div'> & {
    /** Current Csat value (1-5) */
    value?: CsatValue;
    /** Callback when Csat value changes */
    onChange?: (value: CsatValue | null) => void;
    /** Size of the Csat component */
    size?: CsatSize;
    /** Whether the component is disabled */
    isDisabled?: boolean;
    /** Whether the component is read-only */
    isReadOnly?: boolean;
    /** Whether to allow clearing the selection by clicking the same value */
    isClearable?: boolean;
    /** Whether to show tooltips with labels */
    isTooltipVisible?: boolean;
    /** Optional title displayed above the Csat component */
    title?: string;
    /** Optional description displayed below the Csat component */
    description?: string;
    /** Additional CSS classes */
    className?: string;
};
//# sourceMappingURL=types.d.ts.map