```markdown
# vamtec-react
`vamtec-react` is a React utility library designed to simplify common frontend tasks, such as file downloading, handling different file formats, and more.
## Installation
To install the library, you can use either `npm` or `yarn`:
### npm:
```bash
npm install vamtec-react
```
### yarn:
```bash
yarn add vamtec-react
```
## Usage
### Downloading Files
The library provides a simple utility for triggering file downloads from a given data source.
```js
import { DownloadFile } from 'vamtec-react';
const handleDownload = (data, fileName, fileExtension) => {
DownloadFile(fileName, fileExtension, data);
};
```
### Example: Downloading Leave Requests
Here’s an example using `axios` to download leave requests in different formats such as Excel, CSV, or PDF.
```js
import React, { useState } from 'react';
import axios from 'axios';
import { DownloadFile } from 'vamtec-react';
const App = () => {
const [fileFormat, setFileFormat] = useState("excel"); // Default to 'excel' without the dot
const handleDownload = async () => {
try {
const response = await axios.get(`http://localhost:5000/download-leave-requests?format=${fileFormat}`, { responseType: 'blob' });
// Map 'excel', 'csv', 'pdf' to their respective extensions
const fileExtension = fileFormat === "excel" ? ".xlsx" : fileFormat === "csv" ? ".csv" : ".pdf";
// Call the fileHandling function with correct file name and extension
DownloadFile('Download', fileExtension, response.data); // Pass base filename, extension, and data
} catch (error) {
console.error('Error downloading file', error);
}
};
return (