import type { CSSVariant } from "./css-variant";

type JustifyContentKeys =
  | "center"
  | "start"
  | "end"
  | "flexStart"
  | "flexEnd"
  | "left"
  | "right"
  | "normal"
  | "between"
  | "around"
  | "evenly"
  | "stretch"
  | "safe"
  | "unsafe"
  | "inherit"
  | "initial"
  | "revert"
  | "revertLayer"
  | "unset";

export const justifyContent: CSSVariant<JustifyContentKeys, "justifyContent"> = {
  center: {
    justifyContent: "center",
  },
  start: {
    justifyContent: "start",
  },
  end: {
    justifyContent: "end",
  },
  flexStart: {
    justifyContent: "flex-start",
  },
  flexEnd: {
    justifyContent: "flex-end",
  },
  left: {
    justifyContent: "left",
  },
  right: {
    justifyContent: "right",
  },
  normal: {
    justifyContent: "normal",
  },
  between: {
    justifyContent: "space-between",
  },
  around: {
    justifyContent: "space-around",
  },
  evenly: {
    justifyContent: "space-evenly",
  },
  stretch: {
    justifyContent: "stretch",
  },
  safe: {
    justifyContent: "safe center",
  },
  unsafe: {
    justifyContent: "unsafe center",
  },
  inherit: {
    justifyContent: "inherit",
  },
  initial: {
    justifyContent: "initial",
  },
  revert: {
    justifyContent: "revert",
  },
  revertLayer: {
    justifyContent: "revert-layer",
  },
  unset: {
    justifyContent: "unset",
  },
};

export const JustifyContentOptions = Object.keys(justifyContent);