Live Example:

```js
import { useState, useEffect } from 'react';
import { onProviderChanged, createProvider } from "../provider";

import { PolicyWidget } from './index.tsx';
import Data from '../sdk-data';

const [provider, setProvider] = useState(createProvider());
useEffect(() => onProviderChanged(() => setProvider(createProvider())), []);

let policyId = Data.policies[1] && Data.policies[1].id;

<>
  <PolicyWidget
    provider={provider}
    environment="MumbaiStaging"
    policyId="1"
    className="button"
    incomeApyRate="20"
    activeProtectionTitle="All platform savings are protected. Current total coverage: {coverage} {coverageCurrency}. Net income rate is {netApyRate}%"
    noProtectionTitle="No protection activated yet"
    inlineMode={false}
  />

  <br />

  <PolicyWidget
    provider={provider}
    environment="MumbaiStaging"
    policyId="2"
    className="button"
    incomeApyRate="20"
    activeProtectionTitle="All platform savings are protected. Current total coverage: {coverage} {coverageCurrency}. Net income rate is {netApyRate}%"
    noProtectionTitle="No protection activated yet"
    inlineMode={true}
  />
</>
```