## @autoenhance.ai/component-library

<p align="center">
  <img src="https://uploads-ssl.webflow.com/6151887923ecfa4ac66a9e69/65168cccea1c9f0fcb33652c_logo-adaptive.svg" alt="Autoenhance.ai logo" align="center">
</p>

<h1 align="center">Autoenhance.ai React Component Library</h1>

<p align="center">The AI photo editor that enhances your workflow now available with easy and quick React component library including Typescript support!</p>

## 👋 Navigation

-   [Description](#description)
-   [Requirements](#requirements)
-   [Installation](#installation)
-   [Configuration](#configuration)
-   [Examples](#examples)

## <a id="description"></a>✨ Description

Our component library will help you easily integrate our most common UI components into your codebase in a matter of minutes.

## 👷‍♂️ Example usage

Import a component and css

```bash
import { BigPAYGCard } from "@autoenhance-ai/component-library";
import "@autoenhance-ai/component-library/style.css";
```

Use imported component

```bash
      <BigPAYGCard
        benefits={["1000 images", "1000 images", "1000 images"]}
        currency='USD'
        perImagePrice={0.01}
        button={{
            text: "Subscribe",
            onClick: () => {},
        }}
       />
```