Add checkbox input to Disclaimer component

[Al3xGROS]

Is there a way to disable the wallets part of the connection modal while a custom checkbox typed input is not checked in the Disclaimer component?

Something like this:

const DisclaimerWithCheckbox: DisclaimerComponent = ({ Text, Link }) => {
  const { isChecked, updateIsCheckedState } = useConnectWalletContext();

  const handleCheckboxChange = () => {
    updateIsCheckedState(!isChecked);
  };

  return (
    <div className="mt-2">
      <label className="text-sm text-grey">
        <input
          type="checkbox"
          onChange={handleCheckboxChange}
          className="mr-2"
        />
        I have read, understood, and agreed to the{" "}
        <Link href="">
          Terms and Conditions
        </Link>
        , the{" "}
        <Link href="">
          Privacy Policy
        </Link>
        , and the protocol{" "}
        <Link href="">Disclaimer</Link>.
      </label>
    </div>
  );
};

export const ConnectButton = () => {
  const { isChecked } = useConnectWalletContext();
  /// if isChecked, open modal with opacity low and no mouse events
}

Else, I think it could be a great new feature.

Example on a dApp: