import React from "react";
import { useNavigate } from "react-router-dom";

const DashboardHeader: React.FC = () => {
  const navigate = useNavigate();

  return (
    <div className="dashboard-header">
      <h1>Tinker Tickets</h1>

      <button
        className="btn create-ticket"
        onClick={() => navigate("/ticket/create")}
      >
        New Ticket
      </button>
    </div>
  );
};

export default DashboardHeader;
