/**
 * Standardized icon configuration for the app
 * All icons use lucide-react with consistent sizing
 */

export const iconSizes = {
  xs: 12,
  sm: 16,
  md: 20,
  lg: 24,
  xl: 32,
  '2xl': 48
} as const;

export const defaultIconProps = {
  size: iconSizes.md,
  strokeWidth: 2
} as const;

export const buttonIconProps = {
  size: iconSizes.sm,
  strokeWidth: 2
} as const;

export const headingIconProps = {
  size: iconSizes.lg,
  strokeWidth: 2
} as const;

export const featureIconProps = {
  size: iconSizes.xl,
  strokeWidth: 1.5
} as const;

// Semantic icon colors (for status indicators)
export const iconColors = {
  success: 'text-green-600 dark:text-green-400',
  error: 'text-red-600 dark:text-red-400',
  warning: 'text-yellow-600 dark:text-yellow-400',
  info: 'text-blue-600 dark:text-blue-400',
  muted: 'text-muted-foreground'
} as const;
