Agent Order Management - Copy this React, Tailwind Component to your project

Design a page in which a agent can sell all the orderPlaced details of a seller refered by that agent .There will be option to select the date to and from ,and also there will be option to search the data by sellerId,ther willbe also one filter which will filter the data based on orderStatus which will be selected from the option (pending,shipped,delivered,return,cancel). The data will be shown in sorted order .in the data there will be orderdate,product name ,seller name ,orderstatus(pending,shipped,delivered,return,cancel),productPrice,Feedback will be shown in a good looking way .Make responsive for mobile ,laptop and large screens also .Use animation or framer motion to show some loading effect .And also give the option to download the report in excel and pdf .The download will download only the transaction that happen in between the selected date .If there is no transaction in a selected date then show in good animation or icons that no transaction found.If there is more transaction data then show load more button to load more data .