// Generated with util/create-component.js
import React from "react";
import Heading from "../../UI/Heading";
import { SmallTitleProps } from "./SmallTitle.types";

const SmallTitle: React.FC<SmallTitleProps> = ({ title }) => {
  return (
    <div
      data-testid="ContentsEditorSmallTitle"
      className="nrc--ContentsEditorSmallTitle flex w-full space-x-[0.8rem] px-[2rem] pt-[3rem]"
    >
      <Heading level={1}>*</Heading>
      <Heading level={5} className="whitespace-pre-wrap text-gray-10">
        {title}
      </Heading>
    </div>
  );
};

export default SmallTitle;