import { ActionPanel, useNavigate } from "@tailor-platform/app-shell";
import { Pencil, ArrowLeft } from "lucide-react";

export const RoleActions = () => {
  const navigate = useNavigate();

  return (
    <ActionPanel
      title="Actions"
      actions={[
        {
          key: "edit",
          label: "Edit Role",
          icon: <Pencil />,
          onClick: () => navigate("edit"),
        },
        {
          key: "back",
          label: "Back to Role List",
          icon: <ArrowLeft />,
          onClick: () => navigate("/user-management/role"),
        },
      ]}
    />
  );
};
