import { SingleColorToken } from "@tokens-studio/types";
import { Layer, Style, StyleSet } from "../colorScheme";
import { colorToken } from "./token";

interface StyleToken {
    background: SingleColorToken,
    border: SingleColorToken,
    foreground: SingleColorToken,
}

interface StyleSetToken {
    default: StyleToken
    active: StyleToken
    disabled: StyleToken
    hovered: StyleToken
    pressed: StyleToken
    inverted: StyleToken
}

export interface LayerToken {
    base: StyleSetToken
    variant: StyleSetToken
    on: StyleSetToken
    accent: StyleSetToken
    positive: StyleSetToken
    warning: StyleSetToken
    negative: StyleSetToken
}

export const styleToken = (style: Style, name: string): StyleToken => {
    const token = {
        background: colorToken(`${name}Background`, style.background),
        border: colorToken(`${name}Border`, style.border),
        foreground: colorToken(`${name}Foreground`, style.foreground),
    }

    return token
}

export const styleSetToken = (styleSet: StyleSet, name: string): StyleSetToken => {
    const token: StyleSetToken = {} as StyleSetToken;

    for (const style in styleSet) {
        const s = style as keyof StyleSet;
        token[s] = styleToken(styleSet[s], `${name}${style}`);
    }

    return token;
}

export const layerToken = (layer: Layer, name: string): LayerToken => {
    const token: LayerToken = {} as LayerToken;

    for (const styleSet in layer) {
        const s = styleSet as keyof Layer;
        token[s] = styleSetToken(layer[s], `${name}${styleSet}`);
    }

    return token;
}