File size: 494 Bytes
836dd88
 
 
 
 
 
 
 
 
f43196f
 
 
 
836dd88
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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 >
  )
}