import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconSpotlightSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-spotlight-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.1255 2.33968C14.4508 2.01442 14.9788 2.01442 15.304 2.33968C15.6293 2.66496 15.6293 3.19293 15.304 3.5182L12.9889 5.83334H13.7109C14.1795 5.83334 14.618 5.96226 14.9928 6.18655L16.4827 4.69671C16.808 4.37144 17.3359 4.37144 17.6612 4.69671C17.9865 5.02198 17.9865 5.54995 17.6612 5.87523L16.0601 7.47624C16.1577 7.74358 16.2109 8.03224 16.2109 8.33334V9.68231L16.4825 9.41075C16.8078 9.0855 17.3358 9.0855 17.661 9.41075C17.9863 9.736 17.9863 10.264 17.661 10.5892L16.1782 12.072C16.0061 13.128 15.1723 13.9618 14.1163 14.134L10.59 17.6603C10.2647 17.9856 9.73675 17.9856 9.41142 17.6603C9.08617 17.3351 9.08617 16.8071 9.41142 16.4818L11.7266 14.1667H9.36972L5.87608 17.6603C5.55081 17.9856 5.02284 17.9856 4.69756 17.6603C4.3723 17.3351 4.3723 16.8071 4.69756 16.4818L7.01271 14.1667H6.30615C5.83353 14.1667 5.39154 14.0355 5.01459 13.8076L3.5189 15.3033C3.19363 15.6286 2.66566 15.6286 2.34039 15.3033C2.01512 14.9781 2.01512 14.4501 2.34039 14.1248L3.95282 12.5124C3.85788 12.2483 3.80615 11.9635 3.80615 11.6667V10.302L3.5189 10.5892C3.19363 10.9146 2.66566 10.9146 2.34039 10.5892C2.01512 10.264 2.01512 9.73599 2.34039 9.41074L3.842 7.90913C4.01989 6.86835 4.84115 6.04709 5.88193 5.86919L9.41142 2.33968C9.73675 2.01442 10.2647 2.01442 10.59 2.33968C10.9152 2.66496 10.9152 3.19293 10.59 3.5182L8.27484 5.83334H10.6319L14.1255 2.33968ZM6.30615 7.16668H13.7109C14.3553 7.16668 14.8776 7.68901 14.8776 8.33334V11.6667C14.8776 12.311 14.3553 12.8333 13.7109 12.8333H6.30615C5.66182 12.8333 5.13949 12.311 5.13949 11.6667V8.33334C5.13949 7.68901 5.66182 7.16668 6.30615 7.16668Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M5.87593 2.33968C5.55065 2.01442 5.02268 2.01442 4.69741 2.33968L2.34039 4.69671C2.01512 5.02198 2.01512 5.54995 2.34039 5.87523 2.66566 6.20049 3.19363 6.20049 3.5189 5.87523L5.87593 3.5182C6.20119 3.19293 6.20119 2.66496 5.87593 2.33968ZM17.6608 14.1249C17.3355 13.7995 16.8076 13.7995 16.4823 14.1249L14.1253 16.4819C13.8 16.8071 13.8 17.3351 14.1253 17.6604 14.4505 17.9856 14.9785 17.9856 15.3038 17.6604L17.6608 15.3034C17.9861 14.9781 17.9861 14.4501 17.6608 14.1249Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSpotlightSolid.displayName = "IconSpotlightSolid";

export default IconSpotlightSolid;