react_multifarm_widget_provider_with_theme_config.ts

1import { MultifarmProvider, MultifarmWidget } from '@multifarm/widget-components';
2import React from 'react';
3
4const MultifarmApp: React.FC = () => {
5  // Replace 'YOUR_API_KEY' with your actual Multifarm API key
6  const apiKey = 'YOUR_API_KEY';
7
8  const config = {
9    theme: 'dark', // 'light' | 'dark'
10    styles: {
11      primaryColor: '#00ff00',
12    },
13    // Add additional configuration options here
14  };
15
16  return (
17    <MultifarmProvider apiKey={apiKey} config={config}>
18      <div className="widget-container">
19        <h1>My Yield Dashboard</h1>
20        <MultifarmWidget />
21      </div>
22    </MultifarmProvider>
23  );
24};
25
26export default MultifarmApp;