the-biergarten-app/archive/next-js-web-app/src/components/Comments/NoCommentsCard.tsx

const NoCommentsCard = () => {
  return (
    <div className="card bg-base-300">
      <div className="card-body h-64">
        <div className="flex h-full flex-col items-center justify-center">
          <span className="text-lg font-bold">No comments yet.</span>
        </div>
      </div>
    </div>
  );
};

export default NoCommentsCard;