54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
'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 |