import * as React from 'react';

    import { IconType } from '../types';

    type SiYabaiProps = React.ComponentPropsWithoutRef<'svg'> & {
      /**
       * The title provides an accessible short text description to the SVG
       */
      title?: string;
      /**
       * Hex color or color name or "default" to use the default hex for each icon
       */
      color?: string;
      /**
       * The size of the Icon.
       */
      size?: string | number;
    }

    const defaultColor = '#00364B';

    const SiYabai: IconType = React.forwardRef<SVGSVGElement, SiYabaiProps>(function SiYabai({title = 'yabai', color = 'currentColor', size = 24, ...others }, ref) {
      if (color === 'default') {
        color = defaultColor;
      }

      return (
        <svg
          xmlns='http://www.w3.org/2000/svg'
          width={size}
          height={size}
          fill={color}
          viewBox='0 0 24 24'
          ref={ref}
          {...others}
        >
          <title>{title}</title>
          <path d='M12.0752 0a3.2626 3.2626 0 0 0-2.3807.955L6.2164 4.4313l-.5312-.5293c-1.2-1.055-2.8211.5135-1.744 1.742l.5312.5313L.9765 9.6711c-1.2734 1.274-1.2734 3.339 0 4.613l3.4939 3.4958-.0684.0664-.5156.5136c-1.0704 1.2058.4712 2.8158 1.7067 1.7755l.5978-.594 3.5017 3.5017c1.2742 1.2747 3.3407 1.2747 4.6149 0l8.7141-8.7141c1.2748-1.2742 1.2748-3.3407 0-4.615l.002-.0019-3.486-3.488.58-.58c.4781-.4823.4781-1.2598 0-1.742-.4815-.4818-1.2624-.4818-1.744 0l-.5605.5604L14.3075.955A3.2626 3.2626 0 0 0 12.0752 0Zm-.0761 1.7206c.394 0 .789.1505 1.0897.4511l3.5076 3.5056-4.566 4.568L7.433 5.65l3.4783-3.4783a1.5334 1.5334 0 0 1 1.0878-.4511ZM5.691 7.394l4.5934 4.5933-4.5954 4.5778-3.4939-3.4978c-.602-.6017-.602-1.5777 0-2.1795zm12.626.0468 3.4899 3.49c.6011.6014.6011 1.5762 0 2.1776l-8.7142 8.7141c-.6016.6025-1.5779.6025-2.1795 0l-3.4997-3.4997Z' />
        </svg>
      );
    });

    export { SiYabai as default, defaultColor };