packages/components/containers/payments/StyledPayPalButton.tsx

   1 import paypalSvg from '@proton/styles/assets/img/bank-icons/paypal-color.svg';
   2 import clsx from '@proton/utils/clsx';
   3
   4 import type { PayPalButtonProps } from './PayPalButton';
   5 import PayPalButton from './PayPalButton';
   6
   7 import './StyledPayPalButton.scss';
   8
   9 type Omitted = 'children' | 'shape' | 'color' | 'icon';
  10 type Props = Omit<PayPalButtonProps, Omitted>;
  11
  12 const StyledPayPalButton = ({ className, ...rest }: Props) => {
  13     const payPalButtonClassName = clsx(['paypal-button', className]);
  14
  15     return (
  16         <PayPalButton {...rest} className={payPalButtonClassName} color="norm">
  17             <img src={paypalSvg} alt="PayPal" width="50" />
  18         </PayPalButton>
  19     );
  20 };
  21
  22 export default StyledPayPalButton;