import { EmptyState } from './EmptyState';

export default {
  title: 'DataDisplay/EmptyState',
  component: EmptyState,
  tags: ['autodocs'],
};

export const Default = {
  args: {
    title: 'No hay datos',
    description: 'No se encontraron elementos para mostrar.',
  },
};

export const WithAction = {
  args: {
    title: 'Sin resultados',
    description: 'No se encontraron resultados para tu búsqueda.',
    actionLabel: 'Crear nuevo',
    onAction: () => alert('Acción ejecutada'),
  },
};

export const CustomIcon = {
  args: {
    icon: 'BellIcon',
    title: 'Sin notificaciones',
    description: 'No tienes notificaciones pendientes.',
  },
};

export const CustomContent = {
  args: {
    icon: 'SearchIcon',
    title: 'Búsqueda sin resultados',
    description: 'Intenta con otros términos de búsqueda.',
    actionLabel: 'Limpiar búsqueda',
    onAction: () => alert('Búsqueda limpiada'),
  },
};

