import clsx from "clsx";

type CardHeaderProps = {
  title: string;
};

const CardHeader = ({ title }: CardHeaderProps) => {
  return (
    <div
      className={clsx(
        "w-full border-b border-gray-600 flex flex-row items-center space-x-2 mb-6 relative justify-between",
      )}
    >
      <div className="flex flex-row items-center w-full justify-between">
        <h2 className="flex flex-row text-xl items-center">{title}</h2>
      </div>
    </div>
  );
};

export default CardHeader;
