| 67 | } |
| 68 | |
| 69 | export function SideDrawerSectionHeader(props: { |
| 70 | title: ReactNode |
| 71 | description?: ReactNode |
| 72 | icon?: ReactNode |
| 73 | className?: string |
| 74 | }) { |
| 75 | return createElement( |
| 76 | 'div', |
| 77 | { className: cn('flex items-start gap-3', props.className) }, |
| 78 | props.icon |
| 79 | ? createElement( |
| 80 | 'span', |
| 81 | { |
| 82 | className: |
| 83 | 'bg-muted text-muted-foreground flex size-8 shrink-0 items-center justify-center rounded-md', |
| 84 | }, |
| 85 | props.icon |
| 86 | ) |
| 87 | : null, |
| 88 | createElement( |
| 89 | 'div', |
| 90 | { className: 'min-w-0 flex-1' }, |
| 91 | createElement( |
| 92 | 'h3', |
| 93 | { className: 'text-sm leading-none font-semibold tracking-tight' }, |
| 94 | props.title |
| 95 | ), |
| 96 | props.description |
| 97 | ? createElement( |
| 98 | 'p', |
| 99 | { className: 'text-muted-foreground mt-1 text-xs leading-5' }, |
| 100 | props.description |
| 101 | ) |
| 102 | : null |
| 103 | ) |
| 104 | ) |
| 105 | } |