@sky-mavis/tanto-widget/dist/cjs/views/Connect/components/ScanGuideline.cjs

Tanto Widget

'use strict';

var _styled = require('@emotion/styled/base');
var jsxRuntime = require('@emotion/react/jsx-runtime');
var react = require('react');
var ScanWalletsIcon = require('../../../assets/ScanWalletsIcon.cjs');
var SmallTransparentWC = require('../../../assets/SmallTransparentWC.cjs');

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "epetl3z0"
} : {
  target: "epetl3z0",
  label: "Container"
})(process.env.NODE_ENV === "production" ? {
  name: "1yn1cji",
  styles: "display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0.875em;white-space:nowrap;& > img{display:inline;transform:translateY(-4px);}& > svg{display:inline;}"
} : {
  name: "1yn1cji",
  styles: "display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0.875em;white-space:nowrap;& > img{display:inline;transform:translateY(-4px);}& > svg{display:inline;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjYW5HdWlkZWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQiIsImZpbGUiOiJTY2FuR3VpZGVsaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU2NhbldhbGxldHNJY29uIH0gZnJvbSAnLi4vLi4vLi4vYXNzZXRzL1NjYW5XYWxsZXRzSWNvbic7XG5pbXBvcnQgeyBTbWFsbFRyYW5zcGFyZW50V0MgfSBmcm9tICcuLi8uLi8uLi9hc3NldHMvU21hbGxUcmFuc3BhcmVudFdDJztcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4V3JhcDogJ3dyYXAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGdhcDogOCxcbiAgICBmb250U2l6ZTogJzAuODc1ZW0nLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICcmID4gaW1nJzoge1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lJyxcbiAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtNHB4KScsXG4gICAgfSxcbiAgICAnJiA+IHN2Zyc6IHtcbiAgICAgICAgZGlzcGxheTogJ2lubGluZScsXG4gICAgfSxcbn0pO1xuZXhwb3J0IGNvbnN0IFNjYW5HdWlkZWxpbmUgPSBtZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goU2NhbldhbGxldHNJY29uLCB7fSksIFwiIFNjYW4gd2l0aCBhIFwiLCBfanN4KFNtYWxsVHJhbnNwYXJlbnRXQywge30pLCBcIiBXYWxsZXRDb25uZWN0LXN1cHBvcnRlZCB3YWxsZXRcIl0gfSkpO1xufSk7XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const ScanGuideline = react.memo(() => {
  return jsxRuntime.jsxs(Container, {
    children: [jsxRuntime.jsx(ScanWalletsIcon.ScanWalletsIcon, {}), " Scan with a ", jsxRuntime.jsx(SmallTransparentWC.SmallTransparentWC, {}), " WalletConnect-supported wallet"]
  });
});

exports.ScanGuideline = ScanGuideline;