import { cva } from 'class-variance-authority';

const spaceMap = {
  xs: 'gap-1',
  sm: 'gap-2',
  md: 'gap-3',
  lg: 'gap-4',
  xl: 'gap-5',
  '2xl': 'gap-6',
  '3xl': 'gap-7',
  '4xl': 'gap-8',
  '5xl': 'gap-9',
  '6xl': 'gap-10',
} as const;

export type StackSpace = keyof typeof spaceMap;

export const hStackRootVariants = cva([], {
  variants: {
    reversed: {
      true: 'flex-row-reverse',
      false: 'flex-row',
    },
    space: spaceMap,
  },
  defaultVariants: {
    reversed: false,
  },
});

export const vStackRootVariants = cva([], {
  variants: {
    reversed: {
      true: 'flex-col-reverse',
      false: 'flex-col',
    },
    space: spaceMap,
  },
  defaultVariants: {
    reversed: false,
  },
});