import React from "react";
import { Button } from "../ui/button";
import { Edit, List } from "lucide-react";

interface DetailViewActionsProps {
  onBackClick: () => void;
  onEditClick: () => void;
  backButtonText?: string;
  editButtonText?: string;
  backLabel?: string;
  additionalActions?: React.ReactNode;
}

export function DetailViewActions({
  onBackClick,
  onEditClick,
  backButtonText = "목록",
  editButtonText = "수정",
  backLabel,
  additionalActions
}: DetailViewActionsProps) {
  return (
    <div className="flex gap-2 flex-wrap justify-end md:justify-start">
      <Button
        variant="outline"
        onClick={onBackClick}
      >
        <List className="h-4 w-4 mr-2" />
        {backLabel || backButtonText}
      </Button>
      <Button
        onClick={onEditClick}
      >
        <Edit className="h-4 w-4 mr-2" />
        {editButtonText}
      </Button>
      {additionalActions}
    </div>
  );
}