import PageMeta from "../../components/common/PageMeta";
import PageHeader from "../../components/common/PageHeader";
import ModuleNavigationTabs from "../../components/navigation/ModuleNavigationTabs";
import ComponentCard from "../../components/common/ComponentCard";
import { BoltIcon, UserIcon, ShootingStarIcon, ImageIcon } from "../../icons";

export default function Strategies() {
  // Thinker navigation tabs
  const thinkerTabs = [
    { label: 'Prompts', path: '/thinker/prompts', icon: <BoltIcon /> },
    { label: 'Author Profiles', path: '/thinker/author-profiles', icon: <UserIcon /> },
    { label: 'Strategies', path: '/thinker/strategies', icon: <ShootingStarIcon /> },
    { label: 'Image Testing', path: '/thinker/image-testing', icon: <ImageIcon /> },
  ];

  return (
    <>
      <PageMeta title="Strategies - IGNY8" description="Content strategies" />
      <PageHeader 
        title="Content Strategies" 
        badge={{ icon: <ShootingStarIcon />, color: 'purple' }}
        navigation={<ModuleNavigationTabs tabs={thinkerTabs} />}
      />
      <ComponentCard title="Coming Soon" desc="Content strategies">
        <div className="text-center py-8">
          <p className="text-gray-600 dark:text-gray-400">
            Content Strategies - Coming Soon
          </p>
          <p className="text-sm text-gray-500 dark:text-gray-400 mt-2">
            Plan and manage content strategies and approaches
          </p>
        </div>
      </ComponentCard>
    </>
  );
}