import { PageHeader } from "@/components/dashboard/page-header";
import { GlassCard } from "@/components/ui/glass-card";
import { MANAGER_FAQ } from "@/lib/content/faq";

export default function ManagerFaqPage() {
  return (
    <div className="space-y-6">
      <PageHeader
        title="FAQ"
        description="Common questions for team managers"
      />
      <div className="space-y-4">
        {MANAGER_FAQ.map((item) => (
          <GlassCard key={item.q} title={item.q}>
            <p className="text-sm text-[var(--color-muted)]">{item.a}</p>
          </GlassCard>
        ))}
      </div>
    </div>
  );
}