import React from 'react';
import { Badge } from '@breakaway/preact-core';

export const BadgeRead: React.FunctionComponent = () => (
  <React.Fragment>
    <Badge key={1} isRead>
      7
    </Badge>{' '}
    <Badge key={2} isRead>
      24
    </Badge>{' '}
    <Badge key={3} isRead>
      240
    </Badge>{' '}
    <Badge key={4} isRead>
      999+
    </Badge>
  </React.Fragment>
);