Live Example:

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

import { RMWidget } from "./index.tsx";
import Data from "../sdk-data";


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

let marketId = Data.markets[0] && Data.markets[0].id;

<>
  <RMWidget
    provider={provider}
    environment="MumbaiStaging"
    marketId="1"
    protectionAmount="1000"
    controlType="toggle"
    incomeApyRate="20"
    activateProtectionTitle="Protect my deposit at {rate}% per year (income APY is {incomeApyRate}%, net profit is {netApyRate}%)"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated (net profit is {netApyRate}%)"
  />

  <br />
  <RMWidget
    provider={provider}
    environment="MumbaiTestnet"
    marketId={"2"}
    protectionAmount="1000"
    controlType={"checkbox"}
    activateProtectionTitle="Protect my deposit at {rate}% per year"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated"
  />

  <br />
  <RMWidget
    provider={provider}
    environment="MumbaiStaging"
    marketId={"2"}
    protectionAmount="1000"
    controlType={"link"}
    className={"external-link"}
    activateProtectionTitle="Protect my deposit at {rate}% per year"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated"
  />

  <br />
  <RMWidget
    provider={provider}
    environment="MumbaiTestnet"
    marketId={"2"}
    protectionAmount="1000"
    controlType={"link"}
    className={"button"}
    activateProtectionTitle="Protect my deposit at {rate}% per year"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated"
  />

  <br />
  <RMWidget
    provider={provider}
    environment="MumbaiStaging"
    marketId={"2"}
    protectionAmount="1000"
    controlType={"link"}
    className={"violet-button"}
    activateProtectionTitle="Protect my deposit at {rate}% per year"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated"
  />

  <br />
  <RMWidget
    provider={provider}
    environment="MumbaiTestnet"
    marketId={"2"}
    protectionAmount="1000"
    controlType={"button"}
    activateProtectionTitle="Protect my deposit at {rate}% per year"
    viewProtectionTitle="Protection for {coverage} {coverageCurrency} is activated"
  />

</>

```