import React from 'react';
import { storiesOf } from '@storybook/react';
import { date } from '@storybook/addon-knobs';
import {
NewArticleFlag,
UpdatedArticleFlag,
ExclusiveArticleFlag,
SponsoredArticleFlag,
LongReadArticleFlag,
ArticleFlags
} from './ArticleFlag';
import { LiveArticleFlag, BreakingArticleFlag } from './LiveArticleFlag';
import { UpdatedTimeProvider } from '../../helpers/time/UpdatedTimeProvider';
storiesOf('Typescript Component/Article Flag', module)
.add('Article Flag (New)', () => )
.add('Article Flag (Live)', () => {
const label = 'Updated Date/Time';
const defaultValue = new Date();
const groupId = 'Options';
const value = date(label, defaultValue, groupId);
const updated = new Date(value).toISOString();
return (
);
})
.add('Article Flag (Breaking)', () => {
const label = 'Updated Date/Time';
const defaultValue = new Date();
const groupId = 'Options';
const value = date(label, defaultValue, groupId);
const updated = new Date(value).toISOString();
return (
);
})
.add('Article Flag (Updated)', () => )
.add('Article Flag (Exclusive)', () => )
.add('Article Flag (Sponsored)', () => )
.add('Article Flag (Long Read)', () => )
.add('Article Flags', () => (
))
.add('Article Flags with Container', () => (
));