import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Slider } from "@/components/ui/slider"; export default function PromoteContent() { const [points, setPoints] = useState(500); const [duration, setDuration] = useState(24); const [impressions, setImpressions] = useState(1000); return (

روّج لمحتواك

منشور فيديو الملف الشخصي

رابط المنشور

مدة العرض (بالساعات) setDuration(val)} />

{duration} ساعة

عدد الظهور المتوقع setImpressions(val)} />

{impressions.toLocaleString()} مشاهدة

إجمالي التكلفة (نقاط)

{points} نقطة

رابط الفيديو

مدة العرض (بالساعات) setDuration(val)} />

{duration} ساعة

عدد الظهور المتوقع setImpressions(val)} />

{impressions.toLocaleString()} مشاهدة

إجمالي التكلفة (نقاط)

{points} نقطة

اسم المستخدم

مدة العرض (بالساعات) setDuration(val)} />

{duration} ساعة

عدد الظهور المتوقع setImpressions(val)} />

{impressions.toLocaleString()} مشاهدة

إجمالي التكلفة (نقاط)

{points} نقطة

); }