"use client";
import Header from "@/components/shared/layout/header/Header";
import Footer from "@/components/shared/layout/footer/Footer";
import SupportCenterHero from "@/components/pages/support/SupportCenterHero";
import SupportCenterContent from "@/components/pages/support/SupportCenterContent";
import { useState } from "react";

type ModalType = 'create' | 'knowledge' | 'status' | null;

const SupportCenterPage = () => {
  const [activeModal, setActiveModal] = useState<ModalType>(null);

  return (
    <div className="tp-app">
      <Header />
      <main>
        <SupportCenterHero onFeatureClick={setActiveModal} />
        <SupportCenterContent activeModal={activeModal} onClose={() => setActiveModal(null)} />
      </main>
      <Footer />
    </div>
  );
};

export default SupportCenterPage;