export const rdsMaxWidth = {
  none: 'max-w-none',
  full: 'max-w-full',
  '5xl': 'max-w-5xl',
  '7xl': 'max-w-7xl',
};

export const rdsMaxWidthChildren = {
  none: '[&>*]:max-w-none',
  full: '[&>*]:max-w-full',
  '5xl': '[&>*]:max-w-5xl',
  '7xl': '[&>*]:max-w-7xl',
};

export const rdsOverlay = 'bg-cu-black/30';

export const rdsGridColumns = {
  '1': '',
  '2': 'md:grid-cols-2',
  '3': 'md:grid-cols-3',
  '4': 'md:grid-cols-2 lg:grid-cols-4',
  '1/3': 'lg:grid-cols-3 lg:[&>*:last-child]:col-span-2',
  '2/3': 'lg:grid-cols-3 lg:[&>*:first-child]:col-span-2',
};

export const rdsGridSpacing = {
  '0': 'gap-0', // none
  '5': 'gap-5', // 20px
  '10': 'gap-10', // 40px
};

export const rdsBgColor = {
  none: 'bg-transparent',
  black: 'bg-cu-black-800',
  white: 'bg-white',
  red: 'bg-cu-red',
  grey: 'bg-cu-black-50',
  'dark-grey': 'bg-cu-black-600',
};

export const rdsTextColor = {
  black: 'text-cu-black-800',
  white: 'text-white',
  red: 'text-cu-red',
  grey: 'text-cu-black-50',
  'dark-grey': 'text-cu-black-600',
  green: 'text-green-400',
  yellow: 'text-yellow-400',
};

export const rdsFontSizes = {
  base: 'md:text-base',
  lg: 'md:text-lg',
  xl: 'md:text-xl',
  '4xl': 'md:text-4xl',
  '5xl': 'md:text-5xl',
  '6xl': 'md:text-6xl',
};

export const rdsWidth = {
  4: 'w-4',
  5: 'w-5',
  6: 'w-6',
  7: 'w-7',
  8: 'w-8',
  12: 'w-12',
  16: 'w-16',
  20: 'w-20',
  24: 'w-24',
};

export const rdsHeight = {
  4: 'h-4',
  5: 'h-5',
  6: 'h-6',
  7: 'h-7',
  8: 'h-8',
  12: 'h-12',
  16: 'h-16',
  20: 'h-20',
  24: 'h-24',
};

export const rdsRounded = {
  base: 'rounded',
  md: 'rounded-md',
  lg: 'rounded-lg',
  xl: 'rounded-xl',
  full: 'rounded-full',
};

export const rdsBorderWidth = {
  1: 'border',
  2: 'border-2',
  4: 'border-4',
  8: 'border-8',
};

export const rdsBorderColor = {
  black: 'border-cu-black-800',
  white: 'border-white',
  red: 'border-cu-red',
  grey: 'border-cu-black-50',
  'dark-grey': 'border-cu-black-600',
};

export const rdsTopSpacing = {
  '8': 'top-8',
  '12': 'top-12',
  '16': 'top-16',
  '20': 'top-20',
  '24': 'top-24',
};