// All users get anonymous IDs - no personal data
{
  anonymousId: "anon_abc123...",      // Random UUID
  sessionId: "sess_xyz789...",        // Session identifier
  event: "page_view",                 // What happened
  path: "/dashboard",                 // Where it happened
  // No names, emails, or personal data
}

import { Databuddy } from '@databuddy/sdk';

function App() {
  return (
    <>
      {/* No consent needed - privacy-first by design */}
      <Databuddy
        clientId="your-client-id"
        trackScreenViews={true}
        trackPerformance={true}
        trackSessions={true}
      />
      
      {/* No cookie banner needed! */}
    </>
  );
}

// Essential analytics only
<Databuddy
  clientId="your-client-id"
  
  // Basic page tracking
  trackScreenViews={true}
  
  // Disable everything else
  trackPerformance={false}
  trackWebVitals={false}
  trackSessions={false}
  trackOutgoingLinks={false}
  trackScrollDepth={false}
  trackEngagement={false}
  trackErrors={false}
/>

const isProd = process.env.NODE_ENV === 'production';

<Databuddy
  clientId="your-client-id"
  disabled={!isProd} // No tracking in development
  
  // Production-only features
  trackPerformance={isProd}
  trackWebVitals={isProd}
/>

function PrivacyControls() {
  const [trackingEnabled, setTrackingEnabled] = useState(true);

  const handleOptOut = () => {
    // Clear local anonymous ID
    localStorage.removeItem('databuddy_anon_id');
    
    // Disable tracking
    setTrackingEnabled(false);
    
    // Store preference
    localStorage.setItem('databuddy_opt_out', 'true');
  };

  return (
    <div>
      <p>Analytics helps us improve our website. No personal data is collected.</p>
      
      <label>
        <input
          type="checkbox"
          checked={trackingEnabled}
          onChange={(e) => setTrackingEnabled(e.target.checked)}
        />
        Enable anonymous analytics
      </label>
      
      <button onClick={handleOptOut}>
        Disable analytics
      </button>
    </div>
  );
}

// Check Do Not Track setting
const respectDNT = navigator.doNotTrack === '1';

<Databuddy
  clientId="your-client-id"
  disabled={respectDNT} // Respect browser privacy setting
/>

// Clear privacy notice
function PrivacyNotice() {
  return (
    <div className="privacy-notice">
      <h3>We respect your privacy</h3>
      <p>
        We collect anonymous usage data to improve our website. 
        No personal information is collected. You can opt out anytime.
      </p>
      <a href="/privacy-policy">Read our privacy policy</a>
    </div>
  );
}

// Optional privacy dashboard (not required since data is anonymous)
function PrivacyDashboard() {
  return (
    <div>
      <h2>Analytics Preferences</h2>
      
      <div>
        <h3>Anonymous Data Collection</h3>
        <p>Help us improve our website with anonymous usage statistics.</p>
        <Toggle label="Page views" />
        <Toggle label="Performance metrics" />
        <Toggle label="Error tracking" />
      </div>
      
      <div>
        <h3>Your Privacy</h3>
        <p>✅ No personal data is collected</p>
        <p>✅ No cookies are used for tracking</p>
        <p>✅ Cannot identify individual users</p>
        <button onClick={clearLocalData}>Clear local preferences</button>
      </div>
    </div>
  );
}

// Respect user choices
const privacySettings = getUserPrivacySettings();

<Databuddy
  clientId="your-client-id"
  trackScreenViews={privacySettings.allowPageViews}
  trackPerformance={privacySettings.allowPerformance}
  trackErrors={privacySettings.allowErrors}
/>

Analytics: We use Databuddy to collect anonymous website usage statistics 
to help us improve our site. No personal information, cookies, or tracking 
is used. All data is completely anonymous and cannot identify individual 
visitors. Data is processed securely by Databuddy and used only for 
understanding website performance and usage patterns.

We collect anonymous usage statistics to improve our website. 
No personal data or cookies are used.

<!-- Add Databuddy to your CSP -->
<meta http-equiv="Content-Security-Policy" 
      content="script-src 'self' https://app.databuddy.cc; 
               connect-src 'self' https://basket.databuddy.cc;">

// Environment-specific settings
const config = {
  development: {
    clientId: process.env.NEXT_PUBLIC_DATABUDDY_DEV_ID,
    disabled: true, // No tracking in development
  },
  production: {
    clientId: process.env.NEXT_PUBLIC_DATABUDDY_PROD_ID,
    disabled: false,
  }
}[process.env.NODE_ENV];

<Databuddy {...config} />