import { HeaderNav } from "./headerNav";
import { HeaderTools } from "./headerTools";

export const Header = () => {
  return (
    <header className=" tw-flex tw-justify-between tw-items-baseline tw-py-5 tw-bg-slate-200 dark:tw-bg-slate-900 ">
      <div className=" tw-flex-1 tw-flex  tw-flex-row tw-ml-8 ">
        <p>這是logo</p>
      </div>
      <div className=" tw-flex tw-flex-auto tw-flex-col tw-w-3/5   ">
        <HeaderNav></HeaderNav>
      </div>
      <div className=" tw-flex-1 tw-flex  tw-flex-row-reverse tw-mr-8 ">
        <HeaderTools></HeaderTools>
      </div>
    </header>
  );
};