import { ReactNode } from 'react';
import { TValidateRadio } from '../Radio/types';

export interface ISelectionCardProps extends TValidateRadio {
    /**
     * align the content of the card option
     * @default 'center'
     */
    align?: 'center' | 'left';
    /**
     * disable the selection card so the user cannot interact with it
     */
    disabled?: boolean;
    /**
     * does selectionCard have a transparent background?
     * @default false
     */
    transparent?: boolean;
    /**
     * selection cards needs an ID so it can relate to its label
     */
    id: string;
    /**
     * name text for selection card accessibility
     */
    name?: string;
    /**
     * standard onBlur event
     */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * standard onChange event
     */
    onChange?: (checked: boolean) => void;
    /**
     * standard onFocus event
     */
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * selection card checked (selected) state
     */
    checked?: boolean;
    /**
     * optional text can be displayed
     */
    text?: string;
    /**
     * selection card options need a title
     */
    title: string;
    /**
     * Content to be displayed in the selection card
     */
    children?: ReactNode;
}
//# sourceMappingURL=types.d.ts.map