import { Pressable, View } from 'react-native';

import { cn } from '../../lib/cn';

import type { IconName } from '../Icon';
import { Icon } from '../Icon';
import { Text } from '../Text';

export type SnackbarVariant = 'default' | 'success' | 'info' | 'warning' | 'error';

export interface SnackbarProps {
  visible: boolean;
  message: string;
  variant?: SnackbarVariant;
  onDismiss?: () => void;
  actionLabel?: string;
  onActionPress?: () => void;
  className?: string;
  /** Si `true`, no muestra el icono inicial. */
  hideIcon?: boolean;
}

const variantContainer: Record<SnackbarVariant, string> = {
  default: 'bg-content2',
  success: 'bg-success-50',
  info: 'bg-primary-50',
  warning: 'bg-warning-50',
  error: 'bg-danger-50',
};

const variantText: Record<SnackbarVariant, string> = {
  default: 'text-foreground',
  success: 'text-success-700',
  info: 'text-primary-700',
  warning: 'text-warning-700',
  error: 'text-danger-700',
};

const variantIcon: Record<SnackbarVariant, IconName> = {
  default: 'info',
  success: 'check',
  info: 'info',
  warning: 'alert',
  error: 'alert',
};

/**
 * Snackbar atómico estilizado con NativeWind.
 * Reemplaza la versión basada en `react-native-paper`.
 * El control de duración y de la pila vive en el organism `Toaster`.
 */
export function Snackbar({
  visible,
  message,
  variant = 'default',
  onDismiss,
  actionLabel,
  onActionPress,
  className,
  hideIcon = false,
}: SnackbarProps) {
  if (!visible) {
    return null;
  }

  return (
    <View
      accessibilityRole="alert"
      accessibilityLiveRegion="polite"
      className={cn(
        'flex-row items-start gap-3 rounded-[8px] px-4 py-3 shadow-md shadow-black/10',
        variantContainer[variant],
        className,
      )}
    >
      {hideIcon ? null : (
        <Icon name={variantIcon[variant]} size={20} className={variantText[variant]} />
      )}
      <Text variant="bodyMedium" className={cn('flex-1', variantText[variant])} numberOfLines={4}>
        {message}
      </Text>
      {actionLabel ? (
        <Pressable
          accessibilityRole="button"
          accessibilityLabel={actionLabel}
          onPress={onActionPress ?? onDismiss}
          hitSlop={8}
        >
          <Text variant="buttons" className={cn('font-semibold uppercase', variantText[variant])}>
            {actionLabel}
          </Text>
        </Pressable>
      ) : null}
      {onDismiss && !actionLabel ? (
        <Pressable
          accessibilityRole="button"
          accessibilityLabel="Cerrar notificación"
          onPress={onDismiss}
          hitSlop={8}
        >
          <Icon name="close" size={16} className={variantText[variant]} />
        </Pressable>
      ) : null}
    </View>
  );
}