packages/pass/components/Layout/Section/SubHeader.tsx

   1 import type { FC, ReactNode } from 'react';
   2
   3 import clsx from '@proton/utils/clsx';
   4
   5 type Props = {
   6     actions?: ReactNode;
   7     className?: string;
   8     description?: ReactNode;
   9     title: string;
  10 };
  11
  12 export const SubHeader: FC<Props> = ({ actions, className, description, title }) => (
  13     <header className={clsx('flex flex-nowrap justify-space-between', className)}>
  14         <div className="flex flex-1 flex-column flex-nowrap gap-3">
  15             <h2 className="text-bold text-3xl">{title}</h2>
  16             {description && <span>{description}</span>}
  17         </div>
  18         <div>{actions}</div>
  19     </header>
  20 );