plurality-esm-wrapper/dist/esm/components/profileButton.js

A React component for social connect popup.

import { jsx as _jsx } from "react/jsx-runtime";
import { Button } from 'antd';
import styled from 'styled-components';
const SocialButtonWrapper = styled(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 (_jsx(SocialButtonWrapper, { type: "default", onClick: handleClick, ...customizations, children: text }));
};
export default ProfileButton;