import * as React from 'react';

type Props = {
  readonly children?: React.ReactNode;
};

export function Header({ children }: Props) {
  return (
    <header className="sticky top-0 flex h-16 w-full justify-center border-b border-slate-100 bg-white bg-opacity-80 backdrop-blur-sm">
      <div className="lg:w-standard m-0 flex w-full items-center justify-between px-5">
        {children}
      </div>
    </header>
  );
}