BroKarim

import UploadMedia from "./components/media-upload";
export default function Page() {
  return (
    <>
      <div className="max-w-screen bg-backgroud z-50 flex min-h-screen items-center justify-center p-4">
        <UploadMedia />
      </div>
    </>
  );
}

BroKarim

"use client";

import React, { useState } from "react";
import { Card } from "@/components/ui/card"; //card by shadcn
import type { WheelPickerOption } from "@/components/wheel-picker";
import { WheelPicker, WheelPickerWrapper } from "@/components/wheel-picker";
import { Button } from "@/components/ui/button"; //button by shadcn
import { Music, Bell, Repeat, X, Check } from "lucide-react";

const createArray = (length: number, add = 0): WheelPickerOption[] =>