| 1 | import './heading.css' |
| 2 | import type { JSX } from 'react' |
| 3 | |
| 4 | export interface HeadingProps { |
| 5 | children: any |
| 6 | help?: string |
| 7 | } |
| 8 | |
| 9 | export function Heading ({ children, help }: HeadingProps): JSX.Element { |
| 10 | const sub = help == null ? undefined : <small>{help}</small> |
| 11 | |
| 12 | return ( |
| 13 | <div className='Heading'> |
| 14 | {children} |
| 15 | {sub} |
| 16 | </div> |
| 17 | ) |
| 18 | } |