import React from 'react';

const LOGO_SIZE = 100;
/**
 * Interface for the ApphouseLogo component
 */
interface ApphouseLogoProps {
  color?: string;
  /**
   * The size multiplier for the logo
   * @default 1
   */
  size?: number;
}

/**
 * The ApphouseLogo component
 */
export const ApphouseLogo: React.FC<ApphouseLogoProps> = (props) => {
  const { color, size: _size = 1 } = props;
  const size = LOGO_SIZE * _size;
  return (
    <svg
      id="uuid-47659c1c-27d2-4377-8233-d1541bacb517"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={(size * 238.336) / 1321.679}
      viewBox="0 0 1321.679 238.336"
    >
      <path
        d="m151.668,119.168c0,20.989-7.392,38.877-22.175,53.659-14.785,14.785-32.669,22.175-53.659,22.175s-38.877-7.39-53.659-22.175C7.39,158.045,0,140.157,0,119.168s7.39-38.875,22.175-53.659c14.782-14.783,32.669-22.175,53.659-22.175,16.361,0,30.808,4.459,43.334,13.373v-13.373h32.5v75.834Zm-45.196,30.639c8.464-8.464,12.696-18.676,12.696-30.639s-4.232-22.175-12.696-30.638c-8.463-8.464-18.678-12.696-30.638-12.696s-22.175,4.232-30.638,12.696c-8.464,8.463-12.695,18.678-12.695,30.638s4.231,22.175,12.695,30.639c8.463,8.463,18.675,12.695,30.638,12.695s22.175-4.232,30.638-12.695Z"
        fill={color}
      />
      <path
        d="m173.335,119.168c0-20.99,7.39-38.875,22.175-53.659,14.782-14.783,32.669-22.175,53.659-22.175s38.875,7.392,53.659,22.175c14.783,14.785,22.175,32.669,22.175,53.659s-7.392,38.877-22.175,53.659c-14.785,14.785-32.669,22.175-53.659,22.175-16.364,0-30.808-4.457-43.333-13.372v56.706h-32.5v-119.168Zm106.472,30.639c8.464-8.464,12.696-18.676,12.696-30.639s-4.232-22.175-12.696-30.638c-8.463-8.464-18.678-12.696-30.638-12.696s-22.175,4.232-30.638,12.696c-8.464,8.463-12.695,18.678-12.695,30.638s4.231,22.175,12.695,30.639c8.463,8.463,18.675,12.695,30.638,12.695s22.175-4.232,30.638-12.695Z"
        fill={color}
      />
      <path
        d="m346.67,119.168c0-20.99,7.39-38.875,22.175-53.659,14.782-14.783,32.67-22.175,53.659-22.175s38.875,7.392,53.659,22.175c14.782,14.785,22.175,32.669,22.175,53.659s-7.393,38.877-22.175,53.659c-14.784,14.785-32.669,22.175-53.659,22.175-16.364,0-30.808-4.457-43.334-13.372v56.706h-32.5v-119.168Zm106.473,30.639c8.463-8.464,12.695-18.676,12.695-30.639s-4.232-22.175-12.695-30.638c-8.464-8.464-18.679-12.696-30.639-12.696s-22.175,4.232-30.639,12.696c-8.463,8.463-12.695,18.678-12.695,30.638s4.232,22.175,12.695,30.639c8.464,8.463,18.676,12.695,30.639,12.695s22.175-4.232,30.639-12.695Z"
        fill={color}
      />
      <path
        d="m552.505,119.168v75.834h-32.5V0h32.5v56.707c12.526-8.914,26.97-13.373,43.334-13.373,20.99,0,38.875,7.392,53.659,22.175,14.782,14.785,22.175,32.669,22.175,53.659v75.834h-32.5v-75.834c0-11.96-4.232-22.175-12.695-30.638-8.464-8.464-18.679-12.696-30.639-12.696s-22.175,4.232-30.639,12.696c-8.463,8.463-12.695,18.678-12.695,30.638Z"
        fill={color}
      />
      <path
        d="m769.174,195.002c-20.989,0-38.877-7.39-53.659-22.175-14.785-14.782-22.175-32.67-22.175-53.659s7.39-38.875,22.175-53.659c14.782-14.783,32.67-22.175,53.659-22.175s38.875,7.392,53.659,22.175c14.782,14.785,22.175,32.669,22.175,53.659s-7.393,38.877-22.175,53.659c-14.784,14.785-32.669,22.175-53.659,22.175Zm30.639-45.195c8.463-8.464,12.695-18.676,12.695-30.639s-4.232-22.175-12.695-30.638c-8.464-8.464-18.679-12.696-30.639-12.696s-22.175,4.232-30.639,12.696c-8.463,8.463-12.695,18.678-12.695,30.638s4.232,22.175,12.695,30.639c8.464,8.463,18.676,12.695,30.639,12.695s22.175-4.232,30.639-12.695Z"
        fill={color}
      />
      <path
        d="m899.175,119.168c0,11.963,4.232,22.175,12.695,30.639,8.464,8.463,18.676,12.695,30.639,12.695s22.175-4.232,30.639-12.695c8.463-8.464,12.695-18.676,12.695-30.639V43.334h32.5v75.834c0,20.989-7.393,38.877-22.175,53.659-14.784,14.785-32.669,22.175-53.659,22.175s-38.877-7.39-53.659-22.175c-14.785-14.782-22.175-32.67-22.175-53.659V43.334h32.5v75.834Z"
        fill={color}
      />
      <path
        d="m1083.344,43.334h65v32.5h-60.092c-11.51.114-17.096,2.37-16.758,6.771,0,6.546,12.019,12.809,36.056,18.79,17.604,4.401,29.876,9.876,36.816,16.419,6.94,6.546,10.41,15.97,10.41,28.268,0,16.14-4.684,28.327-14.05,36.563-9.368,8.238-23.079,12.356-41.133,12.356h-59.584l-.169-32.5h58.906c14.219-.563,21.609-4.288,22.175-11.172,0-5.867-4.629-9.987-13.88-12.357-31.26-7.787-50.248-15.544-56.961-23.275-6.715-7.728-10.071-17.067-10.071-28.015,0-29.792,14.443-44.574,43.334-44.349Z"
        fill={color}
      />
      <path
        d="m1215.206,149.807c8.464,8.463,18.676,12.695,30.639,12.695s22.175-4.232,30.639-12.695l.169-.17,23.021,23.021-.17.169c-14.784,14.785-32.669,22.175-53.659,22.175s-38.877-7.39-53.659-22.175c-14.785-14.782-22.175-32.67-22.175-53.659s7.39-38.875,22.175-53.659c14.782-14.783,32.67-22.175,53.659-22.175s38.875,7.392,53.659,22.175c14.782,14.785,22.175,32.669,22.175,53.659,0,3.613-.339,7.223-1.016,10.833h-116.798c1.804,7.448,5.586,14.049,11.341,19.805Zm61.277-61.277c-8.464-8.464-18.679-12.696-30.639-12.696s-22.175,4.232-30.639,12.696c-2.821,2.822-5.136,5.813-6.939,8.971h75.156c-1.806-3.158-4.12-6.149-6.939-8.971Z"
        fill={color}
      />
    </svg>
  );
};
