"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const components_1 = require("@react-email/components");
function DAPP({ data, }) {
    return ((0, jsx_runtime_1.jsxs)("a", { href: data.url, target: "_blank", style: {
            display: 'flex',
            textDecoration: 'none',
            color: 'initial',
            margin: '1em 0',
        }, children: [(0, jsx_runtime_1.jsx)(components_1.Img, { src: data.logo, width: 50, height: 50 }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, marginLeft: '10px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '6px' }, children: data.title }), (0, jsx_runtime_1.jsx)("div", { style: { color: '#a5a5a5', fontSize: '0.8em' }, children: data.appDID })] })] }));
}
exports.default = DAPP;
