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

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

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

export const alignItemsOptions = Object.keys(alignItems);