"use client";
import PasswordForm from "@/components/form/settings/password";
import ProfileForm from "@/components/form/settings/profile";
import { Tab, Tabs } from "@nextui-org/react";

export default function Settings() {
  return (
    <div className="w-full lg:w-[60%] p-5">
      <div className="flex flex-col bg-gray-100 dark:bg-stone-900 text-black dark:text-white rounded-md p-5">
        <Tabs aria-label="Tabs radius" radius="sm">
          <Tab key="profile" title="Profile">
            <ProfileForm />
          </Tab>
          <Tab key="music" title="Password">
            <PasswordForm />
          </Tab>
        </Tabs>
      </div>
    </div>
  );
}