43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
|
'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>
|
|||
|
|
);
|
|||
|
|
}
|