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

type FlexDirectionKeys =
  | "row"
  | "column"
  | "rowReverse"
  | "columnReverse"
  | "inherit"
  | "initial"
  | "revert"
  | "revertLayer"
  | "unset";

export const flexDirection: CSSVariant<FlexDirectionKeys, "flexDirection"> = {
  row: {
    flexDirection: "row",
  },
  column: {
    flexDirection: "column",
  },
  rowReverse: {
    flexDirection: "row-reverse",
  },
  columnReverse: {
    flexDirection: "column-reverse",
  },
  inherit: {
    flexDirection: "inherit",
  },
  initial: {
    flexDirection: "initial",
  },
  revert: {
    flexDirection: "revert",
  },
  revertLayer: {
    flexDirection: "revert-layer",
  },
  unset: {
    flexDirection: "unset",
  },
};

export const flexDirectionOptions = Object.keys(flexDirection);