import PageMeta from "../../components/common/PageMeta";
import ComponentCard from "../../components/common/ComponentCard";

export default function WriterDashboard() {
  return (
    <>
      <PageMeta title="Writer Dashboard - IGNY8" description="Content creation overview" />
      
      <div className="grid grid-cols-1 gap-4 md:grid-cols-3 md:gap-6 mb-6">
        <div className="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] md:p-6">
          <span className="text-sm text-gray-500 dark:text-gray-400">Tasks</span>
          <h4 className="mt-2 font-bold text-gray-800 text-title-sm dark:text-white/90">-</h4>
          <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">Queued tasks</p>
        </div>

        <div className="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] md:p-6">
          <span className="text-sm text-gray-500 dark:text-gray-400">Drafts</span>
          <h4 className="mt-2 font-bold text-gray-800 text-title-sm dark:text-white/90">-</h4>
          <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">Draft content</p>
        </div>

        <div className="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] md:p-6">
          <span className="text-sm text-gray-500 dark:text-gray-400">Published</span>
          <h4 className="mt-2 font-bold text-gray-800 text-title-sm dark:text-white/90">-</h4>
          <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">Published content</p>
        </div>
      </div>

      <ComponentCard title="Coming Soon" desc="Content creation overview">
        <div className="text-center py-8">
          <p className="text-gray-600 dark:text-gray-400">
            Writer Dashboard - Coming Soon
          </p>
          <p className="text-sm text-gray-500 dark:text-gray-400 mt-2">
            Overview of content tasks and workflow will be displayed here
          </p>
        </div>
      </ComponentCard>
    </>
  );
}