import React, { ReactNode } from 'react';
import { Box } from '../../Box/Box';
import * as styles from './Truncate.css';

export const Truncate = ({ children }: { children: ReactNode }) => (
  <Box
    component="span"
    display="block"
    overflow="hidden"
    className={styles.truncate}
  >
    {children}
  </Box>
);