Credit Document List - Copy this React, Tailwind Component to your project

Create a user interface for a 'Credit Document List' page. This interface should include a filter option at the top labeled 'Filter By' with a dropdown menu and a text search field labeled 'Field' that allows users to search by name. The main table should display two columns: 'Document Name' and 'Document Type'. Each row should contain a document name, a type (e.g., 'Promissory Note' or 'Others'), and two icons for viewing and downloading the document. There should be pagination controls below the table, allowing users to view 10 rows per page, with navigation buttons to move between pages. A prominent red 'Close' button should be located at the bottom of the interface.