import { PageSection } from "@/components/section/PageSection";
import { useCurrentMarketingPlan } from "@/features/plan/hooks/useCurrentMarketingPlan";
import { ChannelStrategyGrid } from "@/features/plan/ui/channelStrategy/ChannelStrategyGrid";

export function PlanChannelStrategySection() {
  const { data, error } = useCurrentMarketingPlan();

  if (error || !data) {
    return null;
  }

  return (
    <PageSection
      id="channel-strategy"
      title="채널 전략"
      subtitle="채널별 커뮤니케이션 전략"
      dark
      animateEnter={false}
    >
      <ChannelStrategyGrid channels={data.channelStrategies} />
    </PageSection>
  );
}