import { ChangePasswordConfig } from './ChangePasswordConfig';
import { I18nProvider } from '../../../providers/I18nProvider';

export default {
  title: 'Views/ChangePasswordConfig',
  component: ChangePasswordConfig,
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <I18nProvider>
        <Story />
      </I18nProvider>
    ),
  ],
};

export const Default = {
  args: {
    onSubmit: (data) => {
      console.log('Password change data:', data);
      alert('Password changed!');
    },
  },
};

export const Spanish = {
  decorators: [
    (Story) => (
      <I18nProvider language="es-AR">
        <Story />
      </I18nProvider>
    ),
  ],
  args: {
    onSubmit: (data) => {
      console.log('Password change data:', data);
    },
  },
};

export const Portuguese = {
  decorators: [
    (Story) => (
      <I18nProvider language="pt-BR">
        <Story />
      </I18nProvider>
    ),
  ],
  args: {
    onSubmit: (data) => {
      console.log('Password change data:', data);
    },
  },
};

