import { Cuenta } from './Cuenta';

export default {
  title: 'Layout/Cuenta',
  component: Cuenta,
  tags: ['autodocs'],
  argTypes: {
    title: { control: 'text', description: 'Título del componente' },
    infoLabel: { control: 'text', description: 'Etiqueta descriptiva de la fila Usuario' },
    infoValue: { control: 'text', description: 'Valor principal de Usuario' },
    emailLabel: { control: 'text', description: 'Etiqueta descriptiva de la fila Email' },
    emailValue: { control: 'text', description: 'Valor principal de Email' },
    showEmailSection: { control: 'boolean', description: 'Muestra/oculta la fila Email' },
    showChangePasswordButton: { control: 'boolean', description: 'Muestra/oculta el botón secondary' },
    changePasswordButtonText: { control: 'text', description: 'Texto del botón secondary' },
  },
};

export const Default = {
  args: {
    title: 'Cuenta',
    infoLabel: 'Usuario',
    infoValue: 'maria.garcia',
    emailLabel: 'Email',
    emailValue: 'maria.garcia@hexacore.com',
    showEmailSection: true,
    showChangePasswordButton: true,
    changePasswordButtonText: 'Cambiar contraseña',
  },
};

