import { ReactNode } from "react";

import { Typography } from "../atoms";

export type PageHeaderProps = {
  title: string;
  children: ReactNode;
};
export default function PageHeader({ title, children }: PageHeaderProps) {
  return (
    <div className="fl-flex fl-items-center fl-justify-between fl-pb-4 fl-w-full fl-mb-6 fl-shadow-sm">
      <Typography intent="title">{title}</Typography>
      <div className="fl-flex fl-items-center fl-space-x-3">{children}</div>
    </div>
  );
}