import type { Transform, TransformedToken } from "style-dictionary/types"

export const lightColorTransform: Transform = {
  name: "value/light",
  type: "value",
  transitive: true,
  filter: filterDarkLightValues,
  transform: token => token.$value.light,
}

export const darkLightTransform: Transform = {
  name: "value/dark",
  type: "value",
  transitive: true,
  filter: filterDarkLightValues,
  transform: token => token.$value.dark,
}

function filterDarkLightValues(token: TransformedToken) {
  return token.original.$value && hasLightColorValue(token) && hasDarkColorValue(token)
}

function hasLightColorValue(token: TransformedToken) {
  return token.$value.light
}

function hasDarkColorValue(token: TransformedToken) {
  return token.$value.dark
}