import { PageSection } from "@/components/section/PageSection";
import { MOCK_OTHER_CHANNELS_REPORT } from "@/features/report/mocks/otherChannels";
import type { OtherChannelsReport } from "@/features/report/types/otherChannels";
import { OtherChannelsList } from "@/features/report/ui/otherChannels/OtherChannelsList";
import { WebsiteTechAuditBlock } from "@/features/report/ui/otherChannels/WebsiteTechAuditBlock";

type ReportOtherChannelsSectionProps = {
  data?: OtherChannelsReport;
};

export function ReportOtherChannelsSection({ data = MOCK_OTHER_CHANNELS_REPORT }: ReportOtherChannelsSectionProps) {
  return (
    <PageSection
      id="other-channels"
      title="Other Channels & Website"
      subtitle="기타 채널 및 웹사이트 기술 진단"
    >
      <OtherChannelsList channels={data.channels} />
      <WebsiteTechAuditBlock website={data.website} />
    </PageSection>
  );
}