import { ShadowAccent } from '../tokens/effect/type.js';
import { ThemeName } from '../themes/type.js';
import { BrandAccent, WithSubCategories, StatusAccent, StatusSubCategories, TextAccent, IconAccent, BackgroundAccent, LineAccent, FillAccent } from '../tokens/colors/type.js';
import '../tokens/component/type.js';

/**
 * 주어진 테마 이름에 해당하는 색상 테마 객체를 반환합니다.
 * 지원되는 테마가 아닐 경우 기본값으로 sccLight를 반환합니다.
 * @param theme - 색상 테마 이름
 * @returns 해당하는 색상 테마 객체
 *
 * @example
 * const darkTheme = mapColorTheme("sccDark");
 * const lightTheme = mapColorTheme("sccLight");
 */
declare const mapColorTheme: (theme: ThemeName) => {
    button: {
        solidPrimary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidSecondary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidTertiary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        solidError?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
        } | undefined;
        outlinePrimary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
        outlineSecondary?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            text?: `#${string}` | undefined;
            icon?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
    };
    switch: {
        checkedBrand?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
        checkedGreen?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
        } | undefined;
    };
    card: {
        shadow?: string | undefined;
    };
    bottomSheet: {
        grabber?: {
            background?: `#${string}` | undefined;
        } | undefined;
    };
    spinner: {
        indicator?: {
            color?: `#${string}` | undefined;
        } | undefined;
    };
    checkbox: {
        checked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            border?: `#${string}` | undefined;
        } | undefined;
    };
    radioGroup: {
        checked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            accent?: `#${string}` | undefined;
            accentHover?: `#${string}` | undefined;
        } | undefined;
        unchecked?: {
            background?: `#${string}` | undefined;
            backgroundHover?: `#${string}` | undefined;
            accent?: `#${string}` | undefined;
            accentHover?: `#${string}` | undefined;
        } | undefined;
    };
    skeleton: {
        background?: string | undefined;
        shimmer?: string | undefined;
    };
    accordion: {
        arrow?: {
            color?: `#${string}` | undefined;
        } | undefined;
    };
    calendar: {
        header?: {
            navButton?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                border?: `#${string}` | undefined;
            } | undefined;
        } | undefined;
        dateCell?: {
            default?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            selected?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            rangeMiddle?: {
                background?: `#${string}` | undefined;
                backgroundHover?: `#${string}` | undefined;
                text?: `#${string}` | undefined;
            } | undefined;
            today?: {
                border?: `#${string}` | undefined;
            } | undefined;
        } | undefined;
    };
    blur: Record<"primary", string>;
    shadow: Record<ShadowAccent, string>;
    brand: Record<BrandAccent, `#${string}`>;
    status: WithSubCategories<Record<StatusAccent, `#${string}`>, StatusSubCategories>;
    text: Record<TextAccent, `#${string}`>;
    icon: Record<IconAccent, `#${string}`>;
    background: Record<BackgroundAccent, `#${string}`>;
    line: Record<LineAccent, `#${string}`>;
    dimm: Record<"default", `#${string}`>;
    fill: Record<FillAccent, `#${string}`> & WithSubCategories<Record<"default" | "subtle", `#${string}`>, "inverse">;
};

export { mapColorTheme };