import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { gifUrl } from '../storybook/Fixtures';
import { setup as setupI18n } from '../../js/modules/i18n';
import enMessages from '../../_locales/en/messages.json';
import { ContactListItem } from './ContactListItem';
const i18n = setupI18n('en', enMessages);
const onClick = action('onClick');
storiesOf('Components/ContactListItem', module)
.add("It's me!", () => {
return (
);
})
.add('With name and profile (note vertical spacing)', () => {
return (
);
})
.add('With name and profile, verified', () => {
return (
);
})
.add('With name and profile, admin', () => {
return (
);
})
.add('With just number, admin', () => {
return (
);
})
.add('With name and profile, no avatar', () => {
return (
);
})
.add('Profile, no name, no avatar', () => {
return (
);
})
.add('Verified, profile, no name, no avatar', () => {
return (
);
})
.add('No name, no profile, no avatar', () => {
return (
);
})
.add('Verified, no name, no profile, no avatar', () => {
return (
);
})
.add('No name, no profile, no number', () => {
return (
);
});