import * as React from 'react';

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

    type SiNodebbProps = 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 = '#1E5EBC';

    const SiNodebb: IconType = React.forwardRef<SVGSVGElement, SiNodebbProps>(function SiNodebb({title = 'NodeBB', 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='M5.908 4.263c-3.439 0-5.4 1.68-5.4 4.156 0 1.525.793 2.763 2.093 3.316C1.014 12.265 0 13.569 0 15.36c0 2.675 1.984 4.377 5.6 4.377h6.053c0-1.269.03-2.557.031-4.44V4.263zm6.408 0v11.034c.001 1.883.031 3.171.031 4.44H18.4c3.616 0 5.6-1.702 5.6-4.377 0-1.79-1.014-3.095-2.601-3.625 1.3-.553 2.094-1.79 2.094-3.316 0-2.476-1.962-4.156-5.401-4.156zM6.085 6.74h2.513v3.935H6.085c-1.61 0-2.447-.73-2.447-1.968S4.475 6.74 6.085 6.74zm9.317 0h2.513c1.61 0 2.447.73 2.447 1.967 0 1.238-.837 1.968-2.447 1.968h-2.513zm-9.56 6.366h2.734v1.923c0 1.68-.375 2.233-1.521 2.233H5.622c-1.654 0-2.492-.707-2.492-2.122 0-1.348.904-2.034 2.712-2.034zm9.582 0h2.734c1.808 0 2.712.686 2.712 2.034 0 1.415-.838 2.122-2.492 2.122h-1.433c-1.146 0-1.52-.553-1.52-2.233z' />
        </svg>
      );
    });

    export { SiNodebb as default, defaultColor };