1234567891011121314151617181920212223import React, { ReactElement } from "react";
import { BadgedButton, BadgeTheme } from "@react-md/badge";

import styles from "./SimpleExamples.module.scss";

const themes: BadgeTheme[] = ["primary", "secondary", "default", "clear"];

export default function Demo(): ReactElement {
  return (
    <>
      {themes.map((theme) => (
        <BadgedButton
          key={theme}
          id={`badged-button-${theme}`}
          badgeTheme={theme}
          className={styles.container}
        >
          {theme.length}
        </BadgedButton>
      ))}
    </>
  );
}