{"size": 1059, "ext": "js", "max_stars_repo_path": "src/ui/Avatar/stories/index.stories.js", "max_stars_repo_name": "jillyratria/sendbird-uikit-react", "max_stars_repo_stars_event_min_datetime": "2021-09-07T20:16:19.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-31T02:56:20.000Z", "max_issues_repo_path": "src/ui/Avatar/stories/index.stories.js", "max_issues_repo_name": "jillyratria/sendbird-uikit-react", "max_issues_repo_issues_event_min_datetime": "2021-09-07T15:49:25.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-20T15:54:24.000Z", "max_forks_repo_path": "src/ui/Avatar/stories/index.stories.js", "max_forks_repo_name": "ruang-guru/sendbird-uikit-react", "max_forks_repo_forks_event_min_datetime": "2021-08-28T20:54:34.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-28T12:16:33.000Z"}
{"max_stars_count": 24, "max_issues_count": 19, "max_forks_count": 33, "avg_line_length": 35.3, "max_line_length": 98, "alphanum_fraction": 0.6185080264}
import React from 'react';
import Avatar from '../index';

export default { title: 'UI Components/Avatar' };

const src = 'https://avatars3.githubusercontent.com/u/46333979?s=460&v=4';
const src1 = 'https://avatars1.githubusercontent.com/u/1384313?s=460&v=4';
const src2 = 'https://avatars2.githubusercontent.com/u/11382805?s=460&v=4';
const src3 = '';

export const defaultAvatar = () => <Avatar />;

export const basicAvatar = () => <Avatar src={src} />;
export const basicAvatarWithDiamensions = () => <Avatar src={src} height="100px" width="100px" />;

export const oneSourceInArray = () => <Avatar src={[src]} />;
export const twoSourceInArray = () => <Avatar src={[src, src1]} />;
export const threeSourceInArray = () => <Avatar src={[src, src1, src2]} />;
export const fourOrMoreSourceInArray = () => <Avatar src={[src, src1, src2, src3]} />;

export const emptySourceInArray = () => [
  <Avatar src={['']} />,
  <br></br>,
  <Avatar src={['', '']} />,
  <br></br>,
  <Avatar src={['', '', '']} />,
  <br></br>,
  <Avatar src={['', '', '', '']} />,
];
