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

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

export const Default = {
  args: {
    label: 'Subir archivo',
    accept: 'image/*',
  },
};

export const Multiple = {
  args: {
    label: 'Subir múltiples archivos',
    accept: 'image/*',
    multiple: true,
  },
};

export const WithError = {
  args: {
    label: 'Subir archivo',
    error: 'El archivo es demasiado grande',
  },
};

export const Disabled = {
  args: {
    label: 'Subir archivo',
    disabled: true,
  },
};

export const Required = {
  args: {
    label: 'Subir archivo requerido',
    required: true,
  },
};

