import { Badge } from '../src/Badge';
import { React } from '../src/Svg/index';

export const BadgesSection = () => {
  return <>
      <div className="mb-4">
          <h2 className="mb-4">Badges</h2>
          <Badge varient="primary" className="me-2">
              Primary
          </Badge>
          <Badge varient="secondary" className="me-2">
              Secondary
          </Badge>
          <Badge varient="plain" className="me-2">
              Plain
          </Badge>
          <Badge varient="info" className="me-2">
              Info
          </Badge>
          <Badge varient="warning" className="me-2">
              Warning
          </Badge>
          <Badge varient="lite" className="me-2">
              Lite
          </Badge>
          <Badge varient="smart" className="me-2">
              Smart
          </Badge>
          <Badge varient="pro">Pro</Badge>
      </div>
  </>
}