import { Card, Typography } from '@linagora/twake-mui'

export function SimpleEventChip({ title }: { title: string }) {
  return (
    <Card
      variant="outlined"
      sx={{
        borderRadius: '4px',
        px: 0.5,
        py: 0.2,
        boxShadow: 'none'
      }}
    >
      <Typography
        variant="body2"
        sx={{
          fontSize: '0.75rem',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
          whiteSpace: 'nowrap'
        }}
      >
        {title}
      </Typography>
    </Card>
  )
}
