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

const content = 'Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.'

storiesOf('atoms/TextEllipsis', module)
  .add('default', () => <TextEllipsis content={content} />)
  .add('Characters Limit', () => <TextEllipsis content={content} noOfCharacters={20} />)
  .add('String change for more & hide', () => <TextEllipsis content={content} showMoreLabel={'Read More'} showHideLabel={'Read Less'} />)