import React from 'react';
import { DROPZONE_DEFAULT_TRANSLATIONS, DropZone } from '../../index.js';
export const Default = ({
  multiple,
  maxSize,
  mimeTypes,
  uploadLimitIn,
  placeholder,
  acceptedSize,
  acceptedType,
  unsupportedSize,
  unsupportedType
}) => /*#__PURE__*/React.createElement(DropZone, {
  multiple: multiple,
  validate: {
    maxSize,
    mimeTypes
  },
  uploadLimitIn: uploadLimitIn,
  translations: {
    placeholder,
    acceptedSize,
    acceptedType,
    unsupportedSize,
    unsupportedType
  }
});
export default {
  title: 'DesignSystem/Molecules/DropZone',
  component: DropZone,
  argTypes: {
    multiple: {
      defaultValue: false,
      description: 'If drop zone should handle multiple uploads',
      control: {
        type: 'boolean'
      }
    },
    maxSize: {
      defaultValue: 10240000,
      description: 'Maximum size of the uploaded file in bytes. If not defined - all files are allowed',
      control: {
        type: 'number'
      }
    },
    mimeTypes: {
      description: 'Allowed file types',
      defaultValue: ['application/pdf', 'image/png'],
      control: {
        type: 'object'
      }
    },
    uploadLimitIn: {
      defaultValue: 'MB',
      description: 'Upload limit display',
      options: ['B', 'KB', 'MB', 'GB', 'TB'],
      control: {
        type: 'select'
      }
    },
    placeholder: {
      name: 'translations.placeholder',
      description: 'Translated placeholder',
      defaultValue: DROPZONE_DEFAULT_TRANSLATIONS.placeholder,
      control: {
        type: 'text'
      }
    },
    acceptedSize: {
      name: 'translations.acceptedSize',
      description: 'Translated accepted size label',
      defaultValue: DROPZONE_DEFAULT_TRANSLATIONS.acceptedSize,
      control: {
        type: 'text'
      }
    },
    acceptedType: {
      name: 'translations.acceptedType',
      description: 'Translated accepted type label',
      defaultValue: DROPZONE_DEFAULT_TRANSLATIONS.acceptedType,
      control: {
        type: 'text'
      }
    },
    unsupportedSize: {
      name: 'translations.unsupportedSize',
      description: 'Translated validation error for unsupported size',
      defaultValue: DROPZONE_DEFAULT_TRANSLATIONS.unsupportedSize,
      control: {
        type: 'text'
      }
    },
    unsupportedType: {
      name: 'translations.unsupportedType',
      description: 'Translated validation error for unsupported type',
      defaultValue: DROPZONE_DEFAULT_TRANSLATIONS.unsupportedType,
      control: {
        type: 'text'
      }
    }
  }
};