"use client"

import { ClassesView } from "@/components/hexa/views/classes-view"
import { FacilitiesView } from "@/components/hexa/views/facilities-view"
import { GymPlansView } from "@/components/hexa/views/gym-plans-view"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

function MembershipsView() {
  return (
    <Tabs defaultValue="plans" className="gap-4">
      <TabsList>
        <TabsTrigger value="plans">Plans</TabsTrigger>
        <TabsTrigger value="facilities">Facilities</TabsTrigger>
        <TabsTrigger value="classes">Classes</TabsTrigger>
      </TabsList>

      <TabsContent value="plans">
        <GymPlansView />
      </TabsContent>
      <TabsContent value="facilities">
        <FacilitiesView />
      </TabsContent>
      <TabsContent value="classes">
        <ClassesView />
      </TabsContent>
    </Tabs>
  )
}

export { MembershipsView }