'use client';

import React from 'react';

interface DashboardToolbarProps {
  onClearCanvas: () => void;
  onSaveLayout: () => void;
}

/**
 * 대시보드 툴바 컴포넌트
 * - 전체 삭제, 레이아웃 저장 등 주요 액션 버튼
 */
export function DashboardToolbar({ onClearCanvas, onSaveLayout }: DashboardToolbarProps) {
  return (
    <div className="absolute top-5 left-5 bg-white p-3 rounded-lg shadow-lg z-50 flex gap-3">
      <button
        onClick={onClearCanvas}
        className="
          px-4 py-2 border border-gray-300 bg-white rounded-md
          text-sm font-medium text-gray-700
          hover:bg-gray-50 hover:border-gray-400
          transition-colors duration-200
        "
      >
        🗑️ 전체 삭제
      </button>
      
      <button
        onClick={onSaveLayout}
        className="
          px-4 py-2 border border-gray-300 bg-white rounded-md
          text-sm font-medium text-gray-700
          hover:bg-gray-50 hover:border-gray-400
          transition-colors duration-200
        "
      >
        💾 레이아웃 저장
      </button>
    </div>
  );
}