12345678910111213141516171819202122232425262728293031import React, { ReactElement } from "react";
import { Text } from "@react-md/typography";
import {
  AccessAlarmFontIcon,
  AccessAlarmSVGIcon,
  Rotation3DFontIcon, // the sprite name for this was 3d_rotation.svg
  Rotation3DSVGIcon, // the sprite name for this was 3d_rotation.svg
  TvFontIcon,
  TvSVGIcon,
  HomeFontIcon,
  HomeSVGIcon,
} from "@react-md/material-icons";

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

export default function Demo(): ReactElement {
  return (
    <div className={styles.container}>
      <Text type="headline-4">Font Icon Versions</Text>
      <AccessAlarmFontIcon />
      <Rotation3DFontIcon />
      <HomeFontIcon />
      <TvFontIcon />
      <Text type="headline-4">SVG Icon Versions</Text>
      <AccessAlarmSVGIcon />
      <Rotation3DSVGIcon />
      <HomeSVGIcon />
      <TvSVGIcon />
    </div>
  );
}