import { ListBulletIcon } from "@heroicons/react/24/outline";

type Props = {
  title?: string;
};

export const PageTitle = ({ title }: Props) => {
  return (
    <div className="flex items-center gap-2">
      <div className="h-6 w-6 text-gray-500 dark:text-gray-300">
        <ListBulletIcon />
      </div>
      {title && (
        <h2
          className={`text-lg text-gray-500 dark:text-gray-300 font-semibold`}
        >
          {title}
        </h2>
      )}
    </div>
  );
};
