import { ServiceList } from '@/features/services/components/ServiceList'
import { ServiceTitleList } from '@/features/services/components/ServiceTitleList'
import {
    Tabs,
    TabsContent,
    TabsList,
    TabsTrigger,
} from "@/components/ui/tabs"

export default function ServicesPage() {
    return (
        <div className="space-y-6">
            <h1 className="text-3xl font-bold">Hizmetler Yönetimi</h1>

            <Tabs defaultValue="services" className="w-full">
                <TabsList className="grid w-full grid-cols-2 max-w-[400px]">
                    <TabsTrigger value="services">Hizmet Listesi</TabsTrigger>
                    <TabsTrigger value="titles">Başlık Ayarları</TabsTrigger>
                </TabsList>
                <TabsContent value="services" className="mt-6">
                    <ServiceList />
                </TabsContent>
                <TabsContent value="titles" className="mt-6">
                    <ServiceTitleList />
                </TabsContent>
            </Tabs>
        </div>
    )
}
