/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path, G, Defs, ClipPath } from 'react-native-svg';
import { IconProps } from './types';

export const Space: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="22" height="23" viewBox="0 0 22 23" fill="none" {...props}>
      <G clipPath="url(#clip0_3204_244942)">
        <Path
          d="M11 5.22656C12.3052 5.22656 13.3633 4.16849 13.3633 2.86328C13.3633 1.55808 12.3052 0.5 11 0.5C9.6948 0.5 8.63672 1.55808 8.63672 2.86328C8.63672 4.16849 9.6948 5.22656 11 5.22656Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M6.75009 18.3301C6.083 19.0442 5.13408 19.4919 4.08203 19.4919C3.02998 19.4919 2.08106 19.0442 1.41397 18.3301C0.561215 18.9105 0 19.8888 0 20.9958V21.8552C0 22.2111 0.288578 22.4997 0.644531 22.4997H7.51953C7.87548 22.4997 8.16406 22.2111 8.16406 21.8552V20.9958C8.16406 19.8888 7.60285 18.9105 6.75009 18.3301Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M20.586 18.3301C19.9189 19.0442 18.97 19.4919 17.918 19.4919C16.8659 19.4919 15.917 19.0442 15.2499 18.3301C14.3972 18.9105 13.8359 19.8888 13.8359 20.9958V21.8552C13.8359 22.2111 14.1245 22.4997 14.4805 22.4997H21.3555C21.7114 22.4997 22 22.2111 22 21.8552V20.9958C22 19.8888 21.4388 18.9105 20.586 18.3301Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M15.5857 16.2198C15.7682 17.3427 16.7443 18.2028 17.918 18.2028C19.2211 18.2028 20.2812 17.1427 20.2812 15.8396C20.2812 14.5365 19.2211 13.4763 17.918 13.4763C16.9415 13.4763 16.1014 14.0717 15.7416 14.9185L12.9317 14.0458C12.9007 13.2382 12.3722 12.5562 11.6445 12.2981V9.52316H14.4375C14.7935 9.52316 15.082 9.23458 15.082 8.87863V8.01925C15.082 6.91221 14.5208 5.93389 13.6681 5.35352C13.001 6.06766 12.052 6.51535 11 6.51535C9.94795 6.51535 8.99903 6.06766 8.33194 5.35352C7.47918 5.93389 6.91797 6.91221 6.91797 8.01925V8.87863C6.91797 9.23458 7.20655 9.52316 7.5625 9.52316H10.3555V12.2981C9.62775 12.5562 9.09932 13.2382 9.0683 14.0458L6.25836 14.9185C5.89862 14.0717 5.05854 13.4763 4.08203 13.4763C2.77892 13.4763 1.71875 14.5365 1.71875 15.8396C1.71875 17.1427 2.77892 18.2028 4.08203 18.2028C5.25568 18.2028 6.23184 17.3427 6.41429 16.2198L9.45089 15.2768C9.80379 15.7485 10.3669 16.0544 11 16.0544C11.6331 16.0544 12.1962 15.7485 12.5491 15.2768L15.5857 16.2198Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3204_244942">
          <rect width="22" height="22" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
