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

export const IconPlayPreviewCircle = 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-play-preview-circle`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 6.27208 13.7279 3.25 10 3.25ZM1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10ZM8.875 8.14964V11.8504L12.2057 10L8.875 8.14964ZM7.375 7.4061C7.375 6.59596 8.24531 6.08387 8.9535 6.47731L13.6225 9.07121C14.3512 9.47602 14.3512 10.524 13.6225 10.9288L8.9535 13.5227C8.24531 13.9161 7.375 13.404 7.375 12.5939V7.4061Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPlayPreviewCircle.displayName = "IconPlayPreviewCircle";

export default IconPlayPreviewCircle;