src/theme/misc/Card.tsx

import cn from "@utils/classnames.ts";
import type { ReactNode } from "react";

export default function Card({
  className = "",
  children,
}: {
  className?: string;
  children: ReactNode;
}) {
  return (
    <div
      className={cn(
        className,
        "rounded-lg border border-gray-300 bg-gray-100 p-4 shadow-md dark:border-gray-700 dark:bg-gray-800"
      )}
    >
      {children}
    </div>
  );
}