‘use client’
import { useState } from ‘react’;
import { Tabs, TabsContent, TabsList, TabsTrigger } from “@/components/ui/tabs”;

export default function TabList() {
const [tab, setTab] = useState(null);

const onTabChange = (value) => {
    setTab(value);
}

return (
    <div className="tabing-menu">
        <div className="content-wrapper">
            <Tabs value={tab} onValueChange={onTabChange} className="w-[400px]">
                <TabsList>
                    <TabsTrigger value="account">Account</TabsTrigger>
                    <TabsTrigger value="password">Password</TabsTrigger>
                </TabsList>
                <TabsContent value="account">Make changes to your account here.</TabsContent>
                <TabsContent value="password">Change your password here.</TabsContent>
            </Tabs>

        </div>
    </div>
);

}