import {ReactNode} from 'react';
import {ColorsNameType} from '../../../../types/entities/colors-name';
import {ButtonVariantsType} from '../../atoms';

export type TabVariantsType = 'fullWidth' | 'scrollable' | 'standard';
export type TabActiveColorType = ColorsNameType;
export type TabButtonVariantsType = ButtonVariantsType;

export interface ITab {
    children?: ReactNode;
    variant?: TabVariantsType; // default: standard
    activeColor?: TabActiveColorType; // default: primary
    buttonVariant?: TabButtonVariantsType;
    value?: string;
}

export interface ITabsStore {
    variant: TabVariantsType;
    activeColor: TabActiveColorType;
    buttonVariant: TabButtonVariantsType;
    value: string;
}

export interface ITabsProvider {
    children: ReactNode;
    defaultVariant?: TabVariantsType;
    defaultActiveColor?: TabActiveColorType;
    defaultButtonVariant?: TabButtonVariantsType;
    defaultValue?: string;
}

export interface ITabsContainer {
    children: ReactNode;
}