"use client";

import { useApp } from "@/contexts/AppContext";

export default function AssetDescriptionCard() {
  const { t } = useApp();

  return (
    <div className="bg-bg-surface dark:bg-gray-800 rounded-3xl border border-border-gray dark:border-gray-700 p-8 flex flex-col gap-4 h-[300px]">
      <h3 className="text-body-large font-bold text-text-primary dark:text-white">
        {t("description.title")}
      </h3>
      <div className="text-body-default font-regular text-text-primary dark:text-gray-300 leading-relaxed whitespace-pre-line flex-1 overflow-y-auto">
        {t("description.content")}
      </div>
    </div>
  );
}