import FormShell from "@/components/app/FormShell"
import PageHeader from "@/components/app/PageHeader"
import PageShell from "@/components/app/PageShell"
import { Button } from "@/components/ui/button"
import PayrollList from "@/features/payroll/components/PayrollList"
import { listPayrolls } from "@/features/payroll/service"

export default async function PayrollPage() {
  const payrolls = await listPayrolls()

  return (
    <PageShell>
      <PageHeader
        title="Payroll"
        description="Manage employee salaries and payroll records"
        actions={
          <Button asChild>
            <a href="/payroll/create">Add Payroll</a>
          </Button>
        }
      />
      <PayrollList payrolls={payrolls} />
    </PageShell>
  )
}