import React from 'react';
import { Text } from '../Text';
import { TextEllipsis } from '.';

export default {
  title: 'TextEllipsis',
  component: TextEllipsis,
};

export const Default = () => (
  <>
    <Text>{`<TextEllipsis size={10}>12345678901234567890123456789</TextEllipsis> => `}</Text>
    <TextEllipsis size={10} title="12345678901234567890123456789" variant="b1m">
      12345678901234567890123456789
    </TextEllipsis>
  </>
);
