import cn from "clsx"; | |
export interface ITitleBar extends React.ComponentPropsWithoutRef<'div'> { | |
label: string; | |
children?: React.ReactNode; | |
} | |
export function TitleBar({ label, children, className, ...rest }: ITitleBar) { | |
return ( | |
<div | |
className={cn("p-12 flex items-center justify-between border-y md:border-t-0 bg-zinc-50 md:bg-white border-zinc-200", className)} | |
{...rest} | |
> | |
<p className="font-medium text-xl">{label}</p> | |
{children} | |
</div > | |
) | |
} | |