'use client'
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
require('@dynamic-labs/iconic');
require('@dynamic-labs/wallet-connector-core');
require('react');
var walletConnectLogo = require('../../../shared/assets/wallet-connect-logo.cjs');
require('../../../context/ViewContext/ViewContext.cjs');
require('../../../shared/logger.cjs');
require('@dynamic-labs/wallet-book');
require('@dynamic-labs/utils');
require('../../../utils/constants/colors.cjs');
require('../../../utils/constants/values.cjs');
require('@dynamic-labs/sdk-api-core');
require('../../../shared/consts/index.cjs');
require('../../../../../_virtual/_tslib.cjs');
require('@dynamic-labs/multi-wallet');
require('react-international-phone');
require('../../../store/state/nonce/nonce.cjs');
var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
require('@dynamic-labs-wallet/browser-wallet-client');
require('@dynamic-labs-sdk/client/core');
require('eventemitter3');
require('@dynamic-labs-sdk/client');
require('../../../config/ApiEndpoint.cjs');
require('../../../events/dynamicEvents.cjs');
require('@dynamic-labs/locale');
require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
require('../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');

const Indicator = ({ indicator, iconSize }) => {
    const walletConnectSizes = {
        container: (iconSize * 4) / 15,
        icon: (iconSize * 3) / 15,
    };
    const connectedSizes = {
        container: iconSize / 6,
        icon: iconSize / 9,
    };
    if (indicator === 'walletConnect') {
        return (jsxRuntime.jsx("div", { className: 'indicator__wallet-connect', style: {
                height: pixelToRem.pixelToRem(walletConnectSizes.container),
                width: pixelToRem.pixelToRem(walletConnectSizes.container),
            }, children: jsxRuntime.jsx(walletConnectLogo.ReactComponent, { style: {
                    height: pixelToRem.pixelToRem(walletConnectSizes.icon),
                    width: pixelToRem.pixelToRem(walletConnectSizes.icon),
                } }) }));
    }
    return (jsxRuntime.jsx("div", { className: 'indicator__container indicator__container--connected', style: {
            height: pixelToRem.pixelToRem(connectedSizes.container),
            width: pixelToRem.pixelToRem(connectedSizes.container),
        }, "data-testid": 'connected-indicator', children: jsxRuntime.jsx("div", { className: 'indicator__icon', style: {
                height: pixelToRem.pixelToRem(connectedSizes.icon),
                width: pixelToRem.pixelToRem(connectedSizes.icon),
            } }) }));
};

exports.Indicator = Indicator;
