import React from 'react';
import {withInfo} from '@storybook/addon-info';

import TextOverflow from 'app/components/textOverflow';

export default {
  title: 'Style/Text',
};

export const _TextOverflow = withInfo(
  'Simple component that adds "text-overflow: ellipsis" and "overflow: hidden", still depends on container styles'
)(() => (
  <div style={{width: 50}}>
    <TextOverflow>AReallyLongTextString</TextOverflow>
  </div>
));

_TextOverflow.story = {
  name: 'TextOverflow',
};