23 lines
598 B
TypeScript
23 lines
598 B
TypeScript
import { type ReactNode } from 'react'
|
|
import { cn } from '@/lib'
|
|
|
|
const HEADER_BASE =
|
|
'flex w-full h-[56px] items-center bg-white text-foreground border-b border-border'
|
|
|
|
const HEADER_ALIGN = {
|
|
left: 'justify-start',
|
|
center: 'justify-center',
|
|
} as const
|
|
|
|
export interface MainHeaderBarProps {
|
|
align?: keyof typeof HEADER_ALIGN
|
|
className?: string
|
|
children: ReactNode
|
|
}
|
|
|
|
export function MainHeaderBar({ align = 'left', className, children }: MainHeaderBarProps) {
|
|
return <div className={cn(HEADER_BASE, HEADER_ALIGN[align], className)}>{children}</div>
|
|
}
|
|
|
|
export default MainHeaderBar
|