import { InboxOutlined } from '@ant-design/icons'; import { Upload } from 'antd'; import React from 'react'; const App: React.FC = ({ uploadFile }) => { const { Dragger } = Upload; const props = { name: 'file', multiple: true, maxCount: 1, onChange: (info) => { uploadFile(info.file.originFileObj); }, }; return ( <Dragger {...props}> <p className="ant-upload-drag-icon"> <InboxOutlined /> </p> <p className="ant-upload-text"> Click or drag file to this area to upload </p> <p className="ant-upload-hint"> Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files. </p> </Dragger> ); }; export default App;