const SunIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <rect width="24" height="24" rx="12" fill="black" />
      <circle cx="12" cy="12" r="5.5" stroke="currentColor" />
      <path d="M12 20L12 18" stroke="currentColor" strokeLinecap="round" />
      <path d="M12 6L12 4" stroke="currentColor" strokeLinecap="round" />
      <path d="M4 12L6 12" stroke="currentColor" strokeLinecap="round" />
      <path d="M18 12L20 12" stroke="currentColor" strokeLinecap="round" />
      <path
        d="M6.34375 6.34375L7.60083 7.60083"
        stroke="currentColor"
        strokeLinecap="round"
      />
      <path
        d="M16.3994 16.3984L17.6565 17.6555"
        stroke="currentColor"
        strokeLinecap="round"
      />
      <path
        d="M17.6562 6.34375L16.3992 7.60083"
        stroke="currentColor"
        strokeLinecap="round"
      />
      <path
        d="M7.60059 16.3984L6.34351 17.6555"
        stroke="currentColor"
        strokeLinecap="round"
      />
    </svg>
  );
};

export { SunIcon };