'use client'

import React, { useState } from 'react'

interface ExportMenuProps {
  onExport: (format: 'csv' | 'pdf') => void
}

const ExportMenu: React.FC<ExportMenuProps> = ({ onExport }) => {
  const [selectedFormat, setSelectedFormat] = useState<'csv' | 'pdf'>('csv')

  const handleExport = () => {
    onExport(selectedFormat)
  }

  return (
    <div className="flex items-center gap-3 bg-[#161824] rounded-lg p-3 border border-gray-700">
      <div className="flex items-center gap-2">
        <label className="flex items-center gap-1">
          <input
            type="radio"
            name="format"
            value="csv"
            checked={selectedFormat === 'csv'}
            onChange={(e) => setSelectedFormat(e.target.value as 'csv' | 'pdf')}
            className="w-3 h-3 text-blue-600"
          />
          <span className="text-gray-300 text-sm">CSV</span>
        </label>
        
        <label className="flex items-center gap-1">
          <input
            type="radio"
            name="format"
            value="pdf"
            checked={selectedFormat === 'pdf'}
            onChange={(e) => setSelectedFormat(e.target.value as 'csv' | 'pdf')}
            className="w-3 h-3 text-blue-600"
          />
          <span className="text-gray-300 text-sm">PDF</span>
        </label>
      </div>
      
      <button
        onClick={handleExport}
        className="px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded transition-colors"
      >
        Экспорт
      </button>
    </div>
  )
}

export default ExportMenu