@sky-mavis/tanto-widget/dist/cjs/views/connect/components/ConnectLayout.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var Box = require('../../../components/box/Box.cjs');
var ConnectContent = require('./ConnectContent.cjs');
var ConnectLogo = require('./ConnectLogo.cjs');

function ConnectLayout({
  status,
  wallet,
  wcUri,
  onRetry
}) {
  return jsxRuntime.jsxs(Box.Box, {
    vertical: true,
    align: "center",
    justify: "center",
    gap: 32,
    pt: 20,
    children: [jsxRuntime.jsx(ConnectLogo.ConnectLogo, {
      walletIcon: wallet.icon,
      status: status
    }), jsxRuntime.jsx(ConnectContent.ConnectContent, {
      wallet: wallet,
      status: status,
      wcUri: wcUri,
      onRetry: onRetry
    })]
  });
}

exports.ConnectLayout = ConnectLayout;