plurality-esm-wrapper
Version:
A React component for social connect popup.
30 lines (28 loc) • 1.4 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const antd_1 = require("antd");
const styled_components_1 = __importDefault(require("styled-components"));
const SocialButtonWrapper = (0, styled_components_1.default)(antd_1.Button) `
min-width: ${props => props.minWidth || '180px'};
height: ${props => props.height || '40px'};
border-radius: ${props => props.borderRadius || '10px'};
border: none;
font-size: ${props => props.fontSize || '14px'};
font-family: ${props => props.fontFamily || 'Lexend, sans-serif'};;
background-color: ${props => props.backgroundColor || '#ACACAC'};
color: ${props => props.color || '#fff'};
margin-top: ${props => props.marginTop || '0.5rem'};
transition: background-color 0.8s ease;
&:hover {
background-color: ${props => props.hoverBackgroundColor || '#000000'} !important;
color: ${props => props.hoverTextColor || '#fff'} !important;
}
`;
const ProfileButton = ({ text, handleClick, customizations }) => {
return ((0, jsx_runtime_1.jsx)(SocialButtonWrapper, Object.assign({ type: "default", onClick: handleClick }, customizations, { children: text })));
};
exports.default = ProfileButton;