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

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

// حالت عمودی
<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'image',
      url: '/path/to/image.jpg',
      aspectRatio: '1:1',
    },
  ]}
  postType="image"
  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="image"
  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/portrait.jpg',
      aspectRatio: '4:5', // استاندارد اینستاگرام برای پست عمودی
    },
  ]}
  postType="image"
  caption="پست با تصویر عمودی (4:5) - مشابه اینستاگرام"
/>

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

<InstagramPost
  variant="vertical"
  media={[
    {
      type: 'video',
      url: '/instagram-posts/images/image 16x9.png',
      aspectRatio: '16:9',
    },
  ]}
  postType="video"
  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/images/image 16x9.png',
      aspectRatio: '16:9',
    },
  ]}
  mediaType="carousel"
  postType="carousel"
  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="image"
  stats={{
    likes: 123456,
    comments: 1234,
    views: 56789,
    shares: 890,
  }}
/>

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

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

// پست اسلاید
<InstagramPost
  postType="carousel"
  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/..."
/>

<InstagramPost
  variant="vertical"
  showActions={true}
  // غیرفعال کردن دکمه تحلیل کامنت (مثلاً در صورت نداشتن دسترسی)
  disableCommentAnalyzer={true}
  // غیرفعال کردن بوستر (مثلاً در صورت اتمام اشتراک)
  disableBooster={true}
  // سایر دکمه‌ها فعال می‌مانند
  disableAIAnalysis={false}
  disableOpenInstagram={false}
  onCommentAnalyzer={() => console.log('Comment Analyzer')}
  onBooster={() => console.log('Booster')}
  onAIAnalysis={() => console.log('AI Analysis')}
  onOpenInstagram={() => window.open('https://instagram.com/...')}
/>

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
}

<InstagramPost
  variant="vertical"
  dir="rtl"
  caption="این یک متن راست‌چین است."
  // ... سایر پراپ‌ها
/>

<InstagramPost
  variant="vertical"
  dir="ltr"
  caption="This is a left-to-right text."
  // ... سایر پراپ‌ها
/>