import React from "react";
import { SvgProps, Svg } from "../../Svg";

interface SvgWrapperProps extends SvgProps {
  square?: boolean;
  size?: number;
}

export interface SvgLogoProps extends SvgProps {
  color?: string;
  square?: boolean;
}

export const IntegrationLogoSvgWrapper = ({
  children,
  viewBox,
  square,
  size,
  ...rest
}: SvgWrapperProps) => {
  const sizePx = `${size}px`;
  return (
    <Svg
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      viewBox={viewBox}
      height={sizePx}
      width={square ? sizePx : undefined}
      {...rest}
    >
      {children}
    </Svg>
  );
};
