ExportButton.tsx
1 import Button from "../Button/Button"; 2 3 interface ExportButtonProps { 4 handleSaveToPng: (imgLabel: string) => void; 5 imgLabel: string; 6 } 7 export function ExportButton(props: ExportButtonProps) { 8 return ( 9 <div className="flex justify-between items-center text-sm text-gray-500"> 10 <Button 11 text="Export PNG" 12 className="bg-[#1984c7] text-white px-4 py-2 rounded-md mt-2 sm:mt-0 hover:bg-[#1675b1] transition" 13 onClick={() => props.handleSaveToPng(props.imgLabel)} 14 /> 15 </div> 16 ); 17 }