import { defineProperties } from "@vanilla-extract/sprinkles";

import { sprinkleValues } from "../sprinkleValues";
import { conditions } from "./conditions";

export const borderProperties = defineProperties({
  conditions: {
    default: {},
    ...conditions.interaction,
  },
  defaultCondition: "default",
  properties: {
    borderColor: sprinkleValues.colors,
    borderBottomColor: sprinkleValues.colors,
    borderLeftColor: sprinkleValues.colors,
    borderRightColor: sprinkleValues.colors,
    borderTopColor: sprinkleValues.colors,
    borderRadius: sprinkleValues.border.radius,
    borderWidth: sprinkleValues.border.width,
    borderTopWidth: sprinkleValues.border.width,
    borderRightWidth: sprinkleValues.border.width,
    borderBottomWidth: sprinkleValues.border.width,
    borderLeftWidth: sprinkleValues.border.width,
    borderTopLeftRadius: sprinkleValues.border.radius,
    borderTopRightRadius: sprinkleValues.border.radius,
    borderBottomRightRadius: sprinkleValues.border.radius,
    borderBottomLeftRadius: sprinkleValues.border.radius,
  },
  shorthands: {
    borderTopRadius: ["borderTopLeftRadius", "borderTopRightRadius"],
    borderBottomRadius: ["borderBottomLeftRadius", "borderBottomRightRadius"],
  },
});