import classnames from 'classnames' ; import { BaseComponentProps } from '@models/BaseProps' ; import './style.scss' ; interface HeaderProps extends BaseComponentProps { title : string ; } export function Header ( props ) { const { title , children , className , style } = props ; return < header className = { classnames ( 'header' , className ) } style = { style } > < h1 className = "md:text-xl" > { title } < /h1> < div className = "flex flex-auto items-center justify-end" > { children } < /div> < /header>; }