@daimo/pay
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
57 lines (54 loc) • 1.64 kB
JavaScript
import { jsx, jsxs } from 'react/jsx-runtime';
import { ModalBody, PageContent, ModalContent } from '../../Common/Modal/styles.js';
import styled from '../../../styles/styled/index.js';
import Button from '../../Common/Button/index.js';
function WarningPage({
body,
primaryLabel,
secondaryLabel,
onPrimary,
onSecondary
}) {
return /* @__PURE__ */ jsx(PageContent, { style: { paddingTop: 8 }, children: /* @__PURE__ */ jsx(
ModalContent,
{
style: {
display: "flex",
justifyContent: "center",
alignItems: "center",
paddingBottom: 0,
paddingTop: 0,
position: "relative"
},
children: /* @__PURE__ */ jsxs(CenterContainer, { children: [
/* @__PURE__ */ jsx(WarningBody, { style: { textAlign: "center" }, children: body }),
/* @__PURE__ */ jsx("div", { style: { height: 8 } }),
/* @__PURE__ */ jsx(Button, { onClick: onPrimary, children: primaryLabel }),
/* @__PURE__ */ jsx("div", { style: { height: 8 } }),
/* @__PURE__ */ jsx(
Button,
{
style: { background: "var(--ck-body-color-danger)", color: "#fff" },
variant: "secondary",
onClick: onSecondary,
children: secondaryLabel
}
)
] })
}
) });
}
const CenterContainer = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 16px;
max-width: 100%;
`;
const WarningBody = styled(ModalBody)`
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
`;
export { WarningPage as default };
//# sourceMappingURL=index.js.map