import {HTMLAttributes, InputHTMLAttributes} from 'react';
import {ColorsNameType} from '../../../../types/entities/colors-name';

export type RadioSizesType = 'xs' | 'sm' | 'md';
export type RadioColorsType = ColorsNameType;

export interface IRadio
    extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
    size?: RadioSizesType;
    disabled?: boolean;
    title?: string;
    hint?: string;
    checked?: boolean;
    color?: RadioColorsType;
    id?: string;
    hoverable?: boolean;
}

export interface IRadioFrame extends HTMLAttributes<HTMLDivElement> {
    size?: 'extra-small' | 'small' | 'medium';
    checked?: boolean;
    disabled?: boolean;
    color?: RadioColorsType;
    hoverable?: boolean;
}

export interface IRadioSizeMapper {
    xs: 'extra-small';
    sm: 'small';
    md: 'medium';
}