import React from 'react'
import { NavLink } from 'react-router-dom'

export default function Sidebar(){
  return (
    <aside className="fixed left-0 top-0 h-full w-64 bg-white border-r border-slate-200">
      <div className="p-6">
        <div className="text-xl font-bold mb-6">Vristo Admin</div>
        <nav className="space-y-2">
          <NavLink to="/broadcasts" className={({isActive})=>`nav-item ${isActive? 'active' : ''}`}>Transmisiones</NavLink>
          <NavLink to="/studio" className={({isActive})=>`nav-item ${isActive? 'active' : ''}`}>Studio</NavLink>
        </nav>
      </div>
    </aside>
  )
}
