wix-style-react/dist/es/stories/FilePicker/Example.js

wix-style-react

/* eslint-disable no-console */
import React from 'react';
import FilePicker from 'wix-style-react/FilePicker';

export default (function () {
  return React.createElement(
    'div',
    { style: { marginBottom: '100px' } },
    React.createElement(
      'div',
      { style: { marginBottom: '30px' } },
      React.createElement(FilePicker, {
        dataHook: 'story-filepicker',
        supportedFormats: '.png, .pdf',
        onChange: function onChange(file) {
          return console.log(file.name);
        }
      })
    ),
    React.createElement(FilePicker, {
      dataHook: 'story-filepicker2',
      supportedFormats: '.png, .pdf',
      onChange: function onChange(file) {
        return console.log(file.name);
      },
      mainLabel: 'FilePicker with error',
      error: true,
      errorMessage: 'File is too large'
    })
  );
});