import type {IButton} from '../../atoms/button/button.type';

type IButtonGroupVariant = Exclude<IButton['variant'], 'link'>;

export interface IContainer {
    disabled?: boolean;
}

export interface IExtendedButton extends IButton {
    borderColor?: IButton['color'];
}

export interface IButtonGroup
    extends Omit<
        IExtendedButton,
        'children' | 'isLoading' | 'loadingContent' | 'onClick'
    > {
    variant?: IButtonGroupVariant;
    children: Array<React.ReactElement<IButtonGroupItem>>;
}

export interface IButtonGroupItem
    extends Pick<
        IExtendedButton,
        | 'color'
        | 'borderColor'
        | 'variant'
        | 'disabled'
        | 'children'
        | 'onClick'
        | 'className'
    > {
    variant?: IButtonGroupVariant;
}

export type IButtonGroupCompound = React.FC<IButtonGroup> & {
    Button: React.FC<IButtonGroupItem>;
};