@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
41 lines (40 loc) • 1.11 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CoinVoyageIcon } from "../../../assets/coin-voyage";
import styled from "../../../styles/styled";
const PoweredByFooter = () => {
return (_jsx(Container, { children: _jsxs(TextButton, { onClick: () => {
window.open("https://coinvoyage.io", "_blank");
}, children: [_jsx(CoinVoyageIcon, { height: 20, width: 20 }), "Powered by Coin Voyage"] }) }));
};
const Container = styled.div `
text-align: center;
margin-top: 16px;
margin-bottom: -4px;
`;
const TextButton = styled.button `
appearance: none;
user-select: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 42px;
padding: 0 16px;
border-radius: 6px;
background: none;
color: var(--ck-body-color-muted);
font-size: 15px;
line-height: 18px;
font-weight: 500;
transition:
color 200ms ease,
transform 100ms ease;
&:hover {
color: var(--ck-body-color-muted-hover);
}
&:active {
transform: scale(0.96);
}
`;
export default PoweredByFooter;