Keith WilliamsandGitHub
78d06c6d01
* refactor: Move classNames from @calcom/lib to @calcom/ui * Import fix * Removed extra import of classNames * Removed tailwind-merge from @calcom/lib
23 lines
727 B
TypeScript
23 lines
727 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
import classNames from "@calcom/ui/classNames";
|
|
|
|
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>
|
|
);
|
|
}
|