Quick Start

npm install @whetdata/input

import { WhetdataProvider, WhetInput } from '@whetdata/input';

function MyApp() {
  const [text, setText] = useState('');
  
  return (
    <WhetdataProvider config={{
      apiKey: 'your-api-key-here',
      enablePIIMasking: true,
      enableAnalytics: true
    }}>
      <WhetInput
        value={text}
        onChange={setText}
        placeholder="Describe your product..."
        target="product_description"
        nudgePackId="ecommerce_optimization"
        goal="Create compelling product descriptions"
      />
    </WhetdataProvider>
  );
}