import React from 'react'
import { storiesOf } from '@storybook/react'
import { Time } from 'atoms/Time'
import { styled } from 'view-container'

const StyledTime = styled.withComponent(Time) `
  font-size: 24px;
  color: blue;
`

storiesOf('atoms/Time', module)
  .add('default', () => <Time dateTime="05-06-18" />)
  .add('with title', () => <Time dateTime="05-06-18" title="June 05, 2018" />)
  .add('styled time', () => <StyledTime dateTime="21-05-18" title="May 21, 2018" />)