Consent Manager Widget

import { ConsentManagerProvider,  ConsentManagerWidget } from "@c15t/react";
import { useState } from 'react';

export default function App() {
  const [isWidgetOpen, setIsWidgetOpen] = useState(false);

  return (
    <ConsentManagerProvider options={{
      mode: 'c15t',
      backendURL: 'https://your-instance.c15t.dev/',
      consentCategories: ['necessary', 'marketing'],
    }}>
      <button type="button" onClick={() => setIsWidgetOpen(!isWidgetOpen)}>
        {isWidgetOpen ? 'Close' : 'Open'}
      </button>

      {isWidgetOpen && (
        <div className="w-1/2 rounded-lg bg-white px-5 pt-8">
          <ConsentManagerWidget />
        </div>
      )}
    </ConsentManagerProvider>
  );
};