@eureca/eureca-ui/src/components/Avatar/stories/avatar-upload.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { withKnobs, text, number } from '@storybook/addon-knobs';
import { action } from '@storybook/addon-actions';

import { AvatarUpload } from '../';

export default { title: 'Originals/Avatar', decorators: [withKnobs], includeStories: [] };

export function AvatarUploadStory() {
  const name = text('Nome', 'Rafaela');
  const size = number('Tamanho', 110);

  const data = { name, size };
  return (
    <AvatarUpload
      src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS02uVBnVcDeHRC4ucQNHvOEWVgKDN_VRJDtQpzsivg54ri30ty"
      onClick={action('avatar-click')}
      onUpload={action('avatar-upload')}
      maxSize={3}
      {...data}
    />
  );
}