import React from "react";
import { HeaderText, BodyText } from "../InfoStyles";

export const ExampleInfo = () => {
  return (
    <>
      <HeaderText>Usage</HeaderText>
      <BodyText>
      </BodyText>
      <br />
      <HeaderText>Rules</HeaderText>
      <BodyText>
      </BodyText>
      <br />
      <HeaderText>Props</HeaderText>
      <BodyText>
        <b>
          <u>level:</u>
        </b>{" "}
        A required <i>number</i> that indicates the level of the heading (1-5) to match the HTML heading tag (h1, h2, h3, h4, h5).
      </BodyText>
    </>
  );
};
