diff options
Diffstat (limited to 'components/sectionTitle.js')
| -rw-r--r-- | components/sectionTitle.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/components/sectionTitle.js b/components/sectionTitle.js new file mode 100644 index 0000000..2bc0754 --- /dev/null +++ b/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 |