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

type AlignContentKeys =
  | "center"
  | "start"
  | "end"
  | "flexStart"
  | "flexEnd"
  | "normal"
  | "baseline"
  | "between"
  | "around"
  | "evenly"
  | "firstBaseline"
  | "lastBaseline"
  | "stretch"
  | "safe"
  | "unsafe"
  | "inherit"
  | "initial"
  | "revert"
  | "revertLayer"
  | "unset";

export const alignContent: CSSVariant<AlignContentKeys, "alignContent"> = {
  center: {
    alignContent: "center",
  },
  start: {
    alignContent: "start",
  },
  end: {
    alignContent: "end",
  },
  flexStart: {
    alignContent: "flex-start",
  },
  flexEnd: {
    alignContent: "flex-end",
  },
  normal: {
    alignContent: "normal",
  },
  baseline: {
    alignContent: "baseline",
  },
  firstBaseline: {
    alignContent: "first baseline",
  },
  lastBaseline: {
    alignContent: "last baseline",
  },
  between: {
    alignContent: "space-between",
  },
  around: {
    alignContent: "space-around",
  },
  evenly: {
    alignContent: "space-evenly",
  },
  stretch: {
    alignContent: "stretch",
  },
  safe: {
    alignContent: "safe center",
  },
  unsafe: {
    alignContent: "unsafe center",
  },
  inherit: {
    alignContent: "inherit",
  },
  initial: {
    alignContent: "initial",
  },
  revert: {
    alignContent: "revert",
  },
  revertLayer: {
    alignContent: "revert-layer",
  },
  unset: {
    alignContent: "unset",
  },
};

export const alignContentOptions = Object.keys(alignContent);