import { ReactNode } from 'react';
import { TSize } from '../../types';

export interface IToggleProps {
    /**
     * doesn't return true or false, instead returns the value of the toggle
     */
    alwaysOn?: boolean;
    /**
     * is on (toggled to the right) by default
     * @default false
     */
    checked?: boolean;
    /**
     * disable the toggle so the user cannot interact with it
     * @default false
     */
    disabled?: boolean;
    /**
     * toggle needs an ID so it can relate to its label
     */
    id: string;
    /**
     * label text for toggle accessibility, shows right of toggle
     */
    label?: string | ReactNode;
    /**
     * label text for toggle accessibility, shows left of toggle
     */
    labelPrefix?: string | ReactNode;
    /**
     * name text for toggle accessibility
     */
    name?: string;
    /**
     * standard onBlur event
     */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * standard onChange event
     */
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * standard onFocus event
     */
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * ref call back used with react hook form
     */
    ref?: any;
    /**
     * set the size of the element
     * @default 'md'
     */
    size?: TSize;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
}
//# sourceMappingURL=types.d.ts.map