/**
 * Standardized spacing utilities for consistent component layouts
 */

export const spacing = {
  // Form field spacing
  formField: 'space-y-1.5',

  // Component internal spacing
  content: 'space-y-4',
  compact: 'space-y-2',
  loose: 'space-y-6',

  // Flex gaps
  gap: {
    xs: 'gap-1',
    sm: 'gap-2',
    md: 'gap-3',
    lg: 'gap-4',
    xl: 'gap-6',
  },

  // Margins
  margin: {
    xs: 'm-1',
    sm: 'm-2',
    md: 'm-4',
    lg: 'm-6',
  },

  // Padding
  padding: {
    xs: 'p-2',
    sm: 'p-3',
    md: 'p-4',
    lg: 'p-6',
    xl: 'p-8',
  },
} as const;

export type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';