export const colorOptions: {label: string, value: string}[] = [
  { label: "Primary", value: "primary" },
  { label: "Accent 1", value: "accent1" },
  { label: "Accent 2", value: "accent2" },
  { label: "Accent 3", value: "accent3" },
  { label: "Accent 4", value: "accent4" },
  { label: "White", value: "white" },
  { label: "Gray Light", value: "grayLight" },
  { label: "Gray", value: "gray" },
  { label: "Gray Dark", value: "grayDark" },
  { label: "Black", value: "black" },
];

export const minHeightOptions: {label: string, value: string}[] = [
  { label: "none", value: "min-h-0" },
  { label: "400", value: "min-h-100" },
  { label: "480", value: "min-h-120" },
  { label: "560", value: "min-h-140" },
  { label: "640", value: "min-h-160" },
  { label: "720", value: "min-h-180" },
  { label: "800", value: "min-h-200" },
  { label: "Screen", value: "min-h-screen" },
];

export const roundedOptions: {label: string, value: string}[] = [
  { label: "0", value: "rounded-none" },
  { label: "2", value: "rounded-sm" },
  { label: "4", value: "rounded" },
  { label: "6", value: "rounded-md" },
  { label: "8", value: "rounded-lg" },
  { label: "12", value: "rounded-xl" },
  { label: "16", value: "rounded-2xl" },
  { label: "24", value: "rounded-3xl" },
  { label: "Full", value: "rounded-full" },
]