2023-11-08 16:41:28 +03:00

24 lines
467 B
TypeScript

import * as React from 'react';
type Props = {
readonly children?: React.ReactNode;
};
export function Header({ children }: Props) {
return (
<header
className={[
'sticky',
'flex justify-center',
'h-16',
'bg-white',
'border-b border-slate-100',
].join(' ')}
>
<div className={['w-1/2', 'm-0', 'flex items-center justify-between'].join(' ')}>
{children}
</div>
</header>
);
}