SettingsHeader.tsx raw

   1  import React from "react";
   2  import { Separator } from "src/components/ui/separator";
   3  
   4  type Props = {
   5    title: string;
   6    description: string | React.ReactNode;
   7    pageTitle?: string;
   8  };
   9  
  10  function SettingsHeader({ title, description, pageTitle }: Props) {
  11    return (
  12      <>
  13        {pageTitle && <title>{`${pageTitle} · Alby Hub`}</title>}
  14        <div className="space-y-6">
  15          <div>
  16            <h3 className="text-2xl font-medium">{title}</h3>
  17            <p className="text-base text-muted-foreground">{description}</p>
  18          </div>
  19          <Separator />
  20        </div>
  21      </>
  22    );
  23  }
  24  
  25  export default SettingsHeader;
  26