پست اینستاگرام

import { InstagramPost } from '@parto-system-design/ui';

// حالت عمودی
<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'image',
      url: '/path/to/image.jpg',
      aspectRatio: '1:1',
    },
  ]}
  postType={0} // 0: عکس, 1: ویدیو, 2: اسلاید
  caption="این یک پست نمونه است با #هشتگ و @منشن"
  profile={{
    username: 'partodata',
    fullName: 'Parto Data',
    avatarUrl: 'https://example.com/profile-picture.jpg', // لینک عکس پروفایل
  }}
  stats={{
    likes: 123456,
    comments: 1234,
    views: 56789,
    shares: 890,
  }}
  publishTime={new Date()}
/>

// حالت افقی
<InstagramPost
  variant="horizontal"
  media={[
    {
      type: 'image',
      url: '/path/to/image.jpg',
      aspectRatio: '1:1',
    },
  ]}
  postType={0} // 0: عکس, 1: ویدیو, 2: اسلاید
  caption="این یک پست نمونه است با #هشتگ و @منشن"
  profile={{
    username: 'partodata',
    fullName: 'Parto Data',
  }}
  stats={{
    likes: 123456,
    comments: 1234,
    views: 56789,
    shares: 890,
  }}
  publishTime={new Date()}
/>

<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'image',
      url: '/instagram-posts/images/image 1x1.png',
      aspectRatio: '1:1',
    },
  ]}
  postType={0} // 0: عکس
  caption="پست با تصویر مربعی"
/>

<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'video',
      url: '/instagram-posts/videos/video 16x9.mp4',
      aspectRatio: '16:9',
    },
  ]}
  postType={1} // 1: ویدیو
  caption="پست با ویدیو"
/>

<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'image',
      url: '/instagram-posts/images/image 1x1.png',
      aspectRatio: '1:1',
    },
    {
      type: 'image',
      url: '/instagram-posts/images/image 9x16.png',
      aspectRatio: '9:16',
    },
    {
      type: 'video',
      url: '/instagram-posts/videos/video 16x9.mp4',
      aspectRatio: '16:9',
    },
  ]}
  mediaType="carousel"
  postType={2} // 2: اسلاید
  caption="پست با کاروسل"
/>

<InstagramPost
  variant="vertical"
  caption="پست بدون مدیا"
  placeholderText="No media available"
/>

<InstagramPost
  variant="vertical"
  profile={{
    username: 'partodata',
    fullName: 'Parto Data',
    avatarUrl: '/path/to/profile-picture.jpg', // روش اول: استفاده از avatarUrl
    // یا
    profilePicture: '/path/to/profile-picture.jpg', // روش دوم: استفاده از profilePicture
  }}
  media={[...]}
/>

<InstagramPost
  variant="vertical"
  profile={{
    username: 'partodata',
    fullName: 'Parto Data',
    avatarUrl: 'https://example.com/avatar.jpg',
  }}
  media={[...]}
/>

<InstagramPost
  variant="vertical"
  profile={{
    username: 'partodata',
    fullName: 'Parto Data',
    // بدون avatarUrl یا profilePicture
  }}
  media={[...]}
/>

<InstagramPost
  variant="vertical"
  caption="این یک پست نمونه است با #هشتگ و @منشن برای تست کامپوننت"
  media={[...]}
/>

<InstagramPost
  variant="vertical"
  stats={{
    likes: 123456,
    comments: 1234,
    views: 56789,
    shares: 890,
  }}
  numberFormat="short" // یا 'exact'
  showLikes={true}
  showComments={true}
  showViews={true}
  showShares={true}
/>

<InstagramPost
  variant="vertical"
  media={[...]}
  postType={0} // 0: عکس (با آیکون Image)
  stats={{
    likes: 123456,
    comments: 1234,
    views: 56789,
    shares: 890,
  }}
/>

// پست عکس
<InstagramPost
  postType={0}
  media={[{ type: 'image', url: '...' }]}
  stats={{ shares: 890 }}
/>

// پست ویدیو
<InstagramPost
  postType={1}
  media={[{ type: 'video', url: '...' }]}
  stats={{ shares: 890 }}
/>

// پست اسلاید
<InstagramPost
  postType={2}
  media={[...]} // چندین تصویر
  mediaType="carousel"
  stats={{ shares: 890 }}
/>

<InstagramPost
  variant="vertical"
  publishTime={new Date(Date.now() - 2 * 60 * 60 * 1000)} // 2 hours ago
  timeFormat="relative" // یا 'absolute'
/>

<InstagramPost
  variant="vertical"
  showActions={true}
  onCommentAnalyzer={() => console.log('Comment Analyzer')}
  onBooster={() => console.log('Booster')}
  onAIAnalysis={() => console.log('AI Analysis')}
  onOpenInstagram={() => window.open('https://instagram.com/...')}
  instagramUrl="https://instagram.com/p/..."
/>

interface MediaItem {
  type: 'image' | 'video'
  url: string
  aspectRatio?: '16:9' | '9:16' | '1:1' | '4:5' | '5:4'
}

interface PostStats {
  likes?: number
  comments?: number
  views?: number
  shares?: number
}

interface ProfileInfo {
  username: string
  fullName?: string
  profilePicture?: string
}