import { motion } from "framer-motion";
import { forwardRef } from "react";

export const Null = forwardRef((props: any, ref) => {
  const { shape } = props;
  const GradientType =
    shape?.gradient?.type === "radialGradient"
      ? "radialGradient"
      : "linearGradient";
  return (
    <svg
      ref={ref as any}
      width={props?.width ?? 303}
      height={props?.height ?? 303}
      viewBox="0 0 303 303"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      id={props?.id ?? undefined}
    >
      <g>
        <circle
          cx={151.5}
          cy={151.5}
          r={151.5}
          className="hover:opacity-80 cursor-pointer"
          onClick={props?.onClick ? props.onClick : () => {}}
        />
        <motion.circle cx={151.5} cy={151.5} r={151.5} />
      </g>
      {props?.children && props.children}
    </svg>
  );
});
