# Generic Dashboard (React)

A reusable **React component library** for building **role-based dashboards** with authentication, header, sidebar, and layout components.  
This library is designed to be used across multiple projects to save time on boilerplate code.

---

## **Features**
- **Role-based authentication context**.
- Ready-to-use **Header**, **Sidebar**, and **Layout** components.
- Built with **Tailwind CSS** for modern styling.
- **Reusable and customizable**.

---

## **Installation**

Install the package in your React project:

```bash
npm install generic-dashboard

--- 

## **Example Usage**

import React from 'react';
import { Layout, Header, Sidebar, AuthProvider } from 'generic-dashboard';

function App() {
  return (
    <AuthProvider>
      <Layout>
        <Header />
        <Sidebar />
        <div className="p-4">
          <h2>Welcome to Dashboard!</h2>
        </div>
      </Layout>
    </AuthProvider>
  );
}

export default App;