Feat: add TitleText Component with SCSS module

Author: gitgitWi

components/atoms/Texts.tsx

@@ -0,0 +1,8 @@
+interface TextsProps {
+  texts: string;
+  className: string;
+}
+
+export function Texts({ texts, className }: TextsProps) {
+  return <span className={className}>{texts}</span>;
+}

components/molecules/TitleTexts.module.scss

@@ -0,0 +1,3 @@
+.headText {
+  font-size: 2rem;
+}

components/molecules/TitleTexts.tsx

@@ -0,0 +1,11 @@
+import { Texts } from "../atoms/Texts";
+import { CENTER } from "../../styles/GlobalClassNames";
+import style from "./TitleTexts.module.scss";
+
+interface TitleTextsProps {
+  titleText: string;
+}
+
+export function TitleTexts({ titleText }: TitleTextsProps) {
+  return <Texts texts={titleText} className={[style.headText, CENTER].join(" ")} />;
+}

components/molecules/index.ts

@@ -0,0 +1 @@
+export { TitleTexts } from "./TitleTexts";

styles/GlobalClassNames.ts

@@ -0,0 +1 @@
+export const CENTER = "center";