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

export const IconPlayPreviewCircleOutline = 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-outline`,
  };
  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>
  );
});

IconPlayPreviewCircleOutline.displayName = "IconPlayPreviewCircleOutline";

export default IconPlayPreviewCircleOutline;