"use client";

import { Plus } from "lucide-react";
import { useHireWizard } from "@/components/hire/HireWizardContext";
import { Button } from "@/components/ui/Button";

export function NewHireButton() {
  const { openWizard } = useHireWizard();

  return (
    <Button size="sm" onClick={() => openWizard()}>
      <Plus className="h-4 w-4" />
      {/* The label is the first thing worth dropping on a narrow bar; the
          icon plus the accessible name carry it from there. */}
      <span className="hidden sm:inline">Neueinstellung</span>
      <span className="sr-only sm:hidden">Neueinstellung</span>
    </Button>
  );
}
