import { ComponentTokens } from '../types';
import { ComponentThemeContract } from './create-component-theme-contract';

export type ComponentThemeTokens<T> = T extends object
  ? { [P in keyof T]: ComponentThemeTokens<T[P]> }
  : string;

export type ComponentTheme<
  TName extends string = string,
  TContractTokens extends ComponentTokens = ComponentTokens,
> = {
  name: TName;
  tokens: ComponentThemeTokens<TContractTokens>;
};

export function createComponentTheme<
  TName extends string = string,
  TContractTokens extends ComponentTokens = ComponentTokens,
>(
  contract: ComponentThemeContract<TName, TContractTokens>,
  tokens: ComponentThemeTokens<TContractTokens>,
): ComponentTheme<TName, TContractTokens> {
  return {
    name: contract.name,
    tokens,
  };
}