a56e225032
- 헤더 바 bg를 brand(primary)로, 콘텐츠 면 bg를 브랜드 틴트 쿨 그레이(surface)로 변경 - 불필요한 주석 정리 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
23 lines
611 B
TypeScript
23 lines
611 B
TypeScript
import { type ReactNode } from 'react'
|
|
import { cn } from '@/lib'
|
|
|
|
const HEADER_BASE =
|
|
'flex w-full h-[56px] py-[18px] items-center rounded-t-[8px] bg-primary text-primary-foreground'
|
|
|
|
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
|