quivr/frontend/lib/components/ui/PageHeading.tsx
Zineb El Bachiri 1d7bc8a5bc
Devx/add linter rules (#331)
* remove duplicate import

* 🚧 add new linter configuration

* 🧑‍💻  add and run prettier

* 🐛 add babel parser for linter

* 🧑‍💻 add lint-fix command

* 🚨 use lint-fix

* 🚨 remove 'FC' as a type. Use const and JSX.Element

* 🚨 enforce arrow function rule from linter

* 🔥 delete unused file

* 🚨 adding /* eslint-disable */ in failing files

* 💩 add ts-expect-error to Victory components
2023-06-15 11:52:46 +02:00

18 lines
449 B
TypeScript

interface PageHeadingProps {
title: string;
subtitle?: string;
}
const PageHeading = ({ title, subtitle }: PageHeadingProps): JSX.Element => {
return (
<div className="flex flex-col items-center justify-center px-5">
<h1 className="text-3xl font-bold text-center">{title}</h1>
{subtitle !== undefined && (
<h2 className="opacity-50 text-center">{subtitle}</h2>
)}
</div>
);
};
export default PageHeading;