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

type FlexWrapKeys =
  | "noWrap"
  | "wrap"
  | "wrapReverse"
  | "inherit"
  | "initial"
  | "revert"
  | "revertLayer"
  | "unset";

export const flexWrap: CSSVariant<FlexWrapKeys, "flexWrap"> = {
  noWrap: {
    flexWrap: "nowrap",
  },
  wrap: {
    flexWrap: "wrap",
  },
  wrapReverse: {
    flexWrap: "wrap-reverse",
  },
  inherit: {
    flexWrap: "inherit",
  },
  initial: {
    flexWrap: "initial",
  },
  revert: {
    flexWrap: "revert",
  },
  revertLayer: {
    flexWrap: "revert-layer",
  },
  unset: {
    flexWrap: "unset",
  },
};

export const flexWrapOptions = Object.keys(flexWrap);