googletranslatebutton/README.md

A Google Translate Button for React by SerproTeam

# Google Translate Button
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![Next JS](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)
![Heroku](https://img.shields.io/badge/Heroku-430098?style=for-the-badge&logo=heroku&logoColor=white)
![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)
![NPM](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Tailwind_CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Webpack](https://img.shields.io/badge/Webpack-8DD6F9?style=for-the-badge&logo=Webpack&logoColor=white)
![vs](https://img.shields.io/badge/VSCode-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)
![vscode](https://img.shields.io/badge/Visual_Studio-5C2D91?style=for-the-badge&logo=visual%20studio&logoColor=white)
![WebStorm](https://img.shields.io/badge/WebStorm-000000?style=for-the-badge&logo=WebStorm&logoColor=white)
![eslint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)
![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)

Google Translate Button component by SerproTeam

It is a component for an advanced integration of Google Translate

# Author
[<img src="https://avatars.githubusercontent.com/u/15683590?v=4?size=115" width=115>
<br>
Fidel Remedios Rosado
<br>
<sub>@fiderosado</sub>](https://github.com/fiderosado)

[![](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://tppay.me/lk1gruhi)

# Repository

https://github.com/fiderosado/GoogleTranslateButton

https://github.com/fiderosado/GoogleTranslateButton.git

<!-- Dependencies -->
<details open>
  <summary><h2>Dependencies</h2></summary>
<p>
<ol>
  <li>@chromatic-com/storybook</li>
  <li>@storybook/addon-essentials</li>
  <li>@storybook/addon-interactions</li>
  <li>@storybook/addon-onboarding</li>
  <li>@storybook/addon-webpack5-compiler-swc</li>
  <li>@storybook/blocks</li>
  <li>@storybook/react</li>
  <li>@storybook/react-webpack5</li>
  <li>@storybook/test</li>
  <li>prop-types</li>
  <li>react</li>
  <li>react-dom</li>
  <li>storybook</li>
</ol>
</p>
</details>

<!-- Scripts -->
<details open>
  <summary><h2>Scripts</h2></summary>

```json
"scripts": {
  "test": "storybook dev -p 6008",
  "storybook": "storybook dev -p 6008",
  "build-storybook": "storybook build"
}
```

```shell
npm run test
```

Inicia Storybook en modo desarrollo en el puerto `6008`. Este script es útil para verificar que tu configuración del
componente funciona correctamente.

```shell
npm i googletranslatebutton
```

</details>



<!-- Exports -->
<details open>
  <summary><h2>Module Exports</h2></summary>
<p>
<ul>
  <li>GoogleTranslateButton</li>
</ul>
</p>
</details>

<!-- Integration -->
<details open>
<summary><h2>Integration NPM Package</h2></summary>
<p>
https://www.npmjs.com/package/googletranslatebutton
</details>