"use client"

import { ListMusic } from "@/component/Music/List"
import { titleState } from "@/recoil"
import { useEffect } from "react"
import { useSetRecoilState } from "recoil"

export default function MusicContainer() {
  const setPageTitle = useSetRecoilState(titleState)

  useEffect(() => {
    setPageTitle("Music")
  }, [])

  return (
    <div className="border border-[var(--secondary-20)] rounded-lg h-full flex flex-col">
      <ListMusic />
    </div>
  )
}