import { UltimaActualizacion } from './UltimaActualizacion';

export default {
  title: 'Layout/UltimaActualizacion',
  component: UltimaActualizacion,
  tags: ['autodocs'],
  argTypes: {
    variant: {
      control: 'select',
      options: ['narrow', 'wide'],
      description: 'narrow: móvil; wide: fila desktop (tipografía alineada a cards de configuración)',
    },
    label: { control: 'text' },
    text: { control: 'text' },
    iconName: { control: 'text' },
  },
};

export const Narrow = {
  args: {
    variant: 'narrow',
    label: 'Última actualización:',
    text: 'hace 2 horas',
  },
};

export const Wide = {
  args: {
    variant: 'wide',
    label: 'Última actualización:',
    text: 'hace 2 horas',
  },
};

export const SoloLabel = {
  args: {
    variant: 'wide',
    label: 'Última actualización:',
    text: '',
  },
};

export const Personalizado = {
  args: {
    variant: 'narrow',
    label: 'Modificado:',
    text: '15/03/2025 14:32',
    labelStyle: { color: '#334681' },
    textStyle: { fontWeight: 500 },
  },
};
