@sky-mavis/tanto-widget
Version:
Tanto Widget
31 lines • 2.59 kB
JavaScript
import _styled from'@emotion/styled/base';import {jsxs,jsx}from'@emotion/react/jsx-runtime';import {Box}from'../../../components/box/Box.mjs';import {CopyButton}from'../../../components/copy-button/CopyButton.mjs';import {truncate}from'../../../utils/string.mjs';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 AddressText = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
target: "e1k4ghx30"
} : {
target: "e1k4ghx30",
label: "AddressText"
})(process.env.NODE_ENV === "production" ? {
name: "5v5uy5",
styles: "font-size:1.125em;font-weight:500;line-height:1.75em"
} : {
name: "5v5uy5",
styles: "font-size:1.125em;font-weight:500;line-height:1.75em/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZHJlc3NEaXNwbGF5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IiLCJmaWxlIjoiQWRkcmVzc0Rpc3BsYXkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveCc7XG5pbXBvcnQgeyBDb3B5QnV0dG9uIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9jb3B5LWJ1dHRvbi9Db3B5QnV0dG9uJztcbmltcG9ydCB7IHRydW5jYXRlIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvc3RyaW5nJztcbmNvbnN0IEFkZHJlc3NUZXh0ID0gc3R5bGVkLnAoe1xuICAgIGZvbnRTaXplOiAnMS4xMjVlbScsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGxpbmVIZWlnaHQ6ICcxLjc1ZW0nLFxufSk7XG5leHBvcnQgZnVuY3Rpb24gQWRkcmVzc0Rpc3BsYXkoeyBybnMsIGFkZHJlc3MgfSkge1xuICAgIGNvbnN0IG5vcm1hbGl6ZWRBZGRyZXNzID0gYWRkcmVzcz8udG9Mb3dlckNhc2UoKTtcbiAgICByZXR1cm4gKF9qc3hzKEJveCwgeyBhbGlnbjogXCJjZW50ZXJcIiwgZ2FwOiA0LCBtbDogMzAsIGNoaWxkcmVuOiBbX2pzeChBZGRyZXNzVGV4dCwgeyBjaGlsZHJlbjogcm5zIHx8IChub3JtYWxpemVkQWRkcmVzcyA/IHRydW5jYXRlKG5vcm1hbGl6ZWRBZGRyZXNzKSA6ICctLScpIH0pLCBfanN4KENvcHlCdXR0b24sIHsgdmFyaWFudDogXCJwbGFpblwiLCB2YWx1ZTogYWRkcmVzcyB9KV0gfSkpO1xufVxuIl19 */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
function AddressDisplay({
rns,
address
}) {
const normalizedAddress = address?.toLowerCase();
return jsxs(Box, {
align: "center",
gap: 4,
ml: 30,
children: [jsx(AddressText, {
children: rns || (normalizedAddress ? truncate(normalizedAddress) : '--')
}), jsx(CopyButton, {
variant: "plain",
value: address
})]
});
}export{AddressDisplay};