# @victoryasokomeh/cci-ui-components

A set of reusable, Tailwind CSS-powered UI components for React applications.

## ✨ Features

- Built with **Tailwind CSS**
- Ready for **tree-shaking**
- Compatible with **React 18+**
- Minimal **peer dependencies**
- Includes `Navbar` and `Footer` components (more coming soon)

## 📦 Installation

```bash
npm install @victoryasokomeh/cci-ui-components
# or
yarn add @victoryasokomeh/cci-ui-components
```

## 🔧 Environment Variables

This package requires environment variables to be configured for proper functionality:

### For Next.js Applications

Add the following to your `.env.local` or `.env` file:

**Local development:**

Optionally add 
```bash
NEXT_PUBLIC_BASE_URL=<your localhost url>
```

**Development:**

```bash
NEXT_PUBLIC_BASE_URL=<the current cci dev url>
```

**Production:**

```bash
NEXT_PUBLIC_BASE_URL=<the current cci production url>
```

### For React Applications

Add the following to your `.env` file:

**Local development:**

Optionally add 
```bash
CCI_WEB_BASE_URL=<your localhost url>
```

**Development:**

```bash
CCI_WEB_BASE_URL=<the current cci dev url>
```

**Production:**

```bash
CCI_WEB_BASE_URL=<the current cci production url>
```

**Note:** Make sure to use the appropriate environment URL based on your deployment stage.
