diff options
author | Jeff <jeffkleinaitis@gmail.com> | 2024-04-09 15:02:44 -0400 |
---|---|---|
committer | Jeff <jeffkleinaitis@gmail.com> | 2024-04-09 15:02:44 -0400 |
commit | 7c2574f1985cddba1e6fa6fcc6f8e1c019aaf7ed (patch) | |
tree | 34b1f3e90dd6a7d83cb7c3c9b71b34a138194548 /src/components/SectionTitle.js | |
parent | 1425783fe7f22efcdcc320de6d3ba49a83a44f3c (diff) |
refactor: Removed NextJS from project
Diffstat (limited to 'src/components/SectionTitle.js')
-rw-r--r-- | src/components/SectionTitle.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/SectionTitle.js b/src/components/SectionTitle.js new file mode 100644 index 0000000..a0492d2 --- /dev/null +++ b/src/components/SectionTitle.js @@ -0,0 +1,31 @@ +import React from "react"; +import Container from "./Container"; + +const SectionTitle = (props) => { + return ( + <Container + className={`flex w-full flex-col ${ + props.align === "left" ? "" : "items-center justify-center text-center" + }`}> + {props.pretitle && ( + <div className="text-sm font-bold tracking-wider text-indigo-600 uppercase"> + {props.pretitle} + </div> + )} + + {props.title && ( + <h2 className="max-w-2xl mt-3 text-3xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white"> + {props.title} + </h2> + )} + + {props.children && ( + <p className="max-w-2xl py-4 text-lg leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300"> + {props.children} + </p> + )} + </Container> + ); +} + +export default SectionTitle;
\ No newline at end of file |