export function PlanIcon({ isPopular }: { isPopular: boolean }) {
  return isPopular ? (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="48"
      height="48"
      viewBox="0 0 48 48"
      fill="none"
    >
      <g clipPath="url(#clip0_289_1671)">
        <path
          d="M24 36C17.3726 36 12 41.3726 12 48H0C0 34.7453 10.7452 24 24 24V36ZM48 24C48 37.2547 37.2547 48 24 48V36C30.6274 36 36 30.6274 36 24H48ZM24 12C17.3726 12 12 17.3726 12 24H0C0 10.7452 10.7452 0 24 0V12ZM48 0C48 13.2548 37.2547 24 24 24V12C30.6274 12 36 6.62738 36 0H48Z"
          fill="url(#paint0_linear_289_1671)"
        />
      </g>
      <defs>
        <linearGradient
          id="paint0_linear_289_1671"
          x1="24"
          y1="0"
          x2="24"
          y2="48"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#EDEDED" />
          <stop offset="1" stopColor="#C7B4B9" />
        </linearGradient>
        <clipPath id="clip0_289_1671">
          <rect width="48" height="48" fill="white" />
        </clipPath>
      </defs>
    </svg>
  ) : (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="48"
      height="48"
      viewBox="0 0 48 48"
      fill="none"
    >
      <g clipPath="url(#clip0_289_1712)">
        <path
          d="M24 36C17.3726 36 12 41.3726 12 48H0C0 34.7453 10.7452 24 24 24V36ZM48 24C48 37.2547 37.2547 48 24 48V36C30.6274 36 36 30.6274 36 24H48ZM24 12C17.3726 12 12 17.3726 12 24H0C0 10.7452 10.7452 0 24 0V12ZM48 0C48 13.2548 37.2547 24 24 24V12C30.6274 12 36 6.62738 36 0H48Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_289_1712">
          <rect width="48" height="48" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}