dishplanner/frontend/src/components/ui/PageTitle.tsx

import classNames from "classnames";
import {FC} from "react";

interface Props {
    children: string,
    className?: string,
}

const PageTitle: FC<Props> = ({ children, className }) => {
    const styles = classNames(
        'ml-4 text-2xl font-default uppercase w-full text-accent font-bold',
        className,
    )

    return <h1 className={styles}>{ children }</h1>
}

export default PageTitle