import * as React from "react"
import { Plus } from "lucide-react"
import { Button } from "@/registry/ui/button"
import { PageHeader } from "@/registry/blocks/page-header/page-header"

export default function PageHeaderDemo() {
  return (
    <div className="w-full">
      <PageHeader
        title="Services"
        description="Manage registration services for this deployment."
        actions={
          <Button>
            <Plus /> New service
          </Button>
        }
      />
    </div>
  )
}