You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
460 B
23 lines
460 B
import { cn } from '@/lib/utils' |
|
|
|
export function Titlebar({ |
|
children, |
|
className, |
|
visible = true |
|
}: { |
|
children?: React.ReactNode |
|
className?: string |
|
visible?: boolean |
|
}) { |
|
return ( |
|
<div |
|
className={cn( |
|
'fixed sm:sticky top-0 w-full z-20 bg-background duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0', |
|
visible ? '' : '-translate-y-full', |
|
className |
|
)} |
|
> |
|
{children} |
|
</div> |
|
) |
|
}
|
|
|