23 lines
721 B
TypeScript
23 lines
721 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
import { classNames } from "@calcom/lib";
|
|
|
|
export function ShellSubHeading(props: {
|
|
title: ReactNode;
|
|
subtitle?: ReactNode;
|
|
actions?: ReactNode;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<header className={classNames("mb-3 block justify-between sm:flex", props.className)}>
|
|
<div>
|
|
<h2 className="text-emphasis flex content-center items-center space-x-2 text-base font-bold leading-6 rtl:space-x-reverse">
|
|
{props.title}
|
|
</h2>
|
|
{props.subtitle && <p className="text-subtle text-sm ltr:mr-4">{props.subtitle}</p>}
|
|
</div>
|
|
{props.actions && <div className="mt-2 flex-shrink-0 sm:mt-0">{props.actions}</div>}
|
|
</header>
|
|
);
|
|
}
|