cookie-banner-prodesign v1.10.1

Certainly! Here's an updated version of the README that includes the customization properties:

# Cookie Banner ProDesign

This is a simple, customizable cookie banner built with React and Next.js.

## Installation

You can install this package using npm:

```bash
npm install cookie-banner-prodesign

Usage

First, import the CookieBanner component:

import CookieBanner from 'cookie-banner-prodesign';

Then, you can use it in your React/Next.js component:

export default function MyApp() {
  return (
    <div>
      <CookieBanner
        style={{ backgroundColor: 'blue', color: 'white' }}
        acceptButtonStyle={{ backgroundColor: 'green', color: 'white' }}
        acceptEssentialButtonStyle={{ backgroundColor: 'yellow', color: 'black' }}
        url={"url"}
        token={'token'}
      />
      {/* the rest of your app */}
    </div>
  );
}

By default, the banner will be displayed at the bottom of the page. The user can choose to accept all cookies or only essential cookies.

Customization

You can customize the appearance of the banner using the following properties:

• style: CSSProperties for styling the banner container.
• acceptButtonStyle: CSSProperties for styling the "Accept All" button.
• acceptEssentialButtonStyle: CSSProperties for styling the "Accept Essential Cookies" button.

For example, you can set the background color, text color, font size, and other styles using these properties.

Issues and Contributing

Please open an issue on GitHub if you find a bug or have suggestions for improvements or features.

This is a basic README that should cover most of the necessary information for someone wanting to use your package. As you continue to develop the package, you may want to add additional sections to the README, such as:

• API Documentation: Detailed information about the props and methods in your package.
• Examples: More complex usage examples or example projects.
• Development Guide: Instructions for other developers who want to contribute to your package. This can include information about your development setup, testing procedures, and contribution guidelines.

Feel free to adjust the CSS properties in the example code to match your desired styles.