import { HexColor } from '../colors/type.mjs';

type ComponentCategory = "button" | "switch" | "card";
type SolidButtonAccent = "background" | "backgroundHover" | "text" | "icon";
type OutlineButtonAccent = "border" | "background" | "backgroundHover" | "text" | "icon";
type SwitchTrackVariant = "background" | "backgroundHover";
type BottomSheetGrabberVariant = "background";
type SpinnerIndicatorVariant = "color";
type CheckboxVariant = "border" | "background" | "backgroundHover";
type RadioGroupVariant = "accent" | "accentHover" | "background" | "backgroundHover";
type DateCellStateVariant = "text" | "background" | "backgroundHover";
type CalendarHeaderNavButtonVariant = "background" | "backgroundHover" | "border";
type ComponentScheme = {
    button: {
        solidPrimary: Record<SolidButtonAccent, HexColor>;
        solidSecondary: Record<SolidButtonAccent, HexColor>;
        solidTertiary: Record<SolidButtonAccent, HexColor>;
        solidError: Record<SolidButtonAccent, HexColor>;
        outlinePrimary: Record<OutlineButtonAccent, HexColor>;
        outlineSecondary: Record<OutlineButtonAccent, HexColor>;
    };
    switch: {
        checkedBrand: Record<SwitchTrackVariant, HexColor>;
        checkedGreen: Record<SwitchTrackVariant, HexColor>;
        unchecked: Record<SwitchTrackVariant, HexColor>;
    };
    card: {
        shadow: string;
    };
    bottomSheet: {
        grabber: Record<BottomSheetGrabberVariant, HexColor>;
    };
    spinner: {
        indicator: Record<SpinnerIndicatorVariant, HexColor>;
    };
    checkbox: {
        checked: Record<CheckboxVariant, HexColor>;
        unchecked: Record<CheckboxVariant, HexColor>;
    };
    radioGroup: {
        checked: Record<RadioGroupVariant, HexColor>;
        unchecked: Record<RadioGroupVariant, HexColor>;
    };
    skeleton: {
        background: string;
        shimmer: string;
    };
    accordion: {
        arrow: {
            color: HexColor;
        };
    };
    calendar: {
        header: {
            navButton: Record<CalendarHeaderNavButtonVariant, HexColor>;
        };
        dateCell: {
            default: Record<DateCellStateVariant, HexColor>;
            selected: Record<DateCellStateVariant, HexColor>;
            rangeMiddle: Record<DateCellStateVariant, HexColor>;
            today: {
                border: HexColor;
            };
        };
    };
};

export type { ComponentCategory, ComponentScheme };