frontend/app/components/Card.js

export default function Card({ headerText = "Header", HeaderIcon, children }) {
  return (
    <div className="overflow-hidden rounded-lg bg-white border shadow-lg">
      <header className="flex flex-row gap-2 px-4 py-5 sm:px-6">
        <HeaderIcon className="w-5 h5" />
        <h3 className="text-sm font-bold">{headerText}</h3>
      </header>
      <main className="px-4 pb-4">{children}</main>
    </div>
  );
}