/**
 * Distribution 페이지 mock 데이터.
 *
 * - MOCK_CONTENT: Studio에서 생성된 콘텐츠 (제목·설명·태그 등)
 * - INITIAL_CHANNELS: 배포 가능한 채널 목록 (연결 상태/포맷)
 */

import type { ComponentType } from 'react';
import {
  YoutubeFilled,
  InstagramFilled,
  FacebookFilled,
  GlobeFilled,
  TiktokFilled,
} from '@/shared/icons/FilledIcons';

export type DistributeStatus = 'ready' | 'publishing' | 'published' | 'failed';

export interface ChannelTarget {
  id: string;
  name: string;
  icon: ComponentType<{ size?: number; className?: string }>;
  brandColor: string;
  bgColor: string;
  connected: boolean;
  selected: boolean;
  status: DistributeStatus;
  format: string;
}

export const MOCK_CONTENT = {
  title: '한번에 성공하는 코성형, VIEW의 비결',
  description:
    '코성형은 얼굴의 중심을 결정하는 중요한 수술입니다. VIEW 성형외과는 21년간 축적된 노하우를 바탕으로 자연스러운 결과를 만들어냅니다.',
  type: 'video' as const,
  duration: '0:58',
  aspectRatio: '9:16',
  tags: ['코성형', '뷰성형외과', '강남성형외과', '코수술', '자연스러운코'],
  thumbnail: null as string | null,
};

export const INITIAL_CHANNELS: ChannelTarget[] = [
  { id: 'youtube', name: 'YouTube Shorts', icon: YoutubeFilled, brandColor: '#FF0000', bgColor: '#FFF0F0', connected: true, selected: true, status: 'ready', format: 'Shorts (9:16)' },
  { id: 'instagram_kr', name: 'Instagram Reels', icon: InstagramFilled, brandColor: '#E1306C', bgColor: '#FFF0F5', connected: true, selected: true, status: 'ready', format: 'Reels (9:16)' },
  { id: 'instagram_en', name: 'Instagram EN', icon: InstagramFilled, brandColor: '#E1306C', bgColor: '#FFF0F5', connected: true, selected: false, status: 'ready', format: 'Reels (9:16)' },
  { id: 'tiktok', name: 'TikTok', icon: TiktokFilled, brandColor: '#000000', bgColor: '#F5F5F5', connected: true, selected: true, status: 'ready', format: 'Short Video (9:16)' },
  { id: 'facebook_kr', name: 'Facebook KR', icon: FacebookFilled, brandColor: '#1877F2', bgColor: '#F0F4FF', connected: true, selected: false, status: 'ready', format: 'Video Post' },
  { id: 'naver_blog', name: 'Naver Blog', icon: GlobeFilled, brandColor: '#03C75A', bgColor: '#F0FFF5', connected: false, selected: false, status: 'ready', format: 'Blog Post' },
  { id: 'facebook_en', name: 'Facebook EN', icon: FacebookFilled, brandColor: '#1877F2', bgColor: '#F0F4FF', connected: false, selected: false, status: 'ready', format: 'Video Post' },
];
