import './css/App.css'
import Sidebar from "./Components/Sidebar"
import VideoFeed from './Components/VideoFeed'
import Player from './Components/Player'
import { useState, useEffect } from 'react'

function App() {
  return (
    <div className="main">
      <Sidebar />
      <Player className="top-video" video={2} information={{
        title: "habibi habibi",
        description: "my name is john clapper. i clap everyone. i clap first at the cinema. no one else claps.",
        likes: "1.2M",
        dislikes: "1K",
        comments: "1.1K",
        shares: "392",
        author: "John Clapper",
        authorAvatar: "https://i.imgur.com/4Z2b7aH.png",
        authorId: "johnclapper",
      }} />
    </div>
  )
}

export default App
