export const DIRECTION = {
  COLUMN: 'column',
  COLUMN_REVERSE: 'column-reverse',
  ROW: 'row',
  ROW_REVERSE: 'row-reverse',
} as const;

export const JUSTIFY_VALUES = {
  CENTER: 'center',
  START: 'flex-start',
  END: 'flex-end',
  SPACE_BETWEEN: 'space-between',
  SPACE_AROUND: 'space-around',
  SPACE_EVENLY: 'space-evenly',
  STRETCH: 'stretch',
} as const;

export const ALIGN_VALUES = {
  CENTER: 'center',
  START: 'start',
  END: 'end',
  STRETCH: 'stretch',
} as const;

export const ALIGNMENT_VALUES = {
  CENTER: 'center',
  START: 'flex-start',
  END: 'flex-end',
  BASELINE: 'baseline',
  STRETCH: 'stretch',
} as const;

export const MARGINS = {
  NONE: 'none',
  XSMALL: 'xs',
  SMALL: 's',
  MEDIUM: 'm',
  LARGE: 'l',
  XLARGE: 'xl',
  XXLARGE: 'xxl',
  XXXLARGE: 'xxxl',
  XXXXLARGE: 'xxxxl',
} as const;

export const GAP_VALUES = {
  NONE: 'none',
  XSMALL: 'xs',
  SMALL: 's',
  MEDIUM: 'm',
  LARGE: 'l',
  XLARGE: 'xl',
  XXLARGE: 'xxl',
  XXXLARGE: 'xxxl',
  XXXXLARGE: 'xxxxl',
} as const;

export const FLEX_VALUES = {
  NONE: 'none',
  INITIAL: 'initial',
  AUTO: 'auto',
  '1': 1,
  '2': 2,
  '3': 3,
  '4': 4,
  '5': 5,
  '6': 6,
  '7': 7,
  '8': 8,
  '9': 9,
  '10': 10,
  '11': 11,
  '12': 12,
} as const;