');

        if (!event.detail.value) {
          favFruit.classList.add('ion-invalid');
          favFruit.classList.remove('ion-valid');
        } else {
          favFruit.classList.remove('ion-invalid');
          favFruit.classList.add('ion-valid');
        }
      };

      const submit = (event) => {
        event.preventDefault();

        validateRadioGroup({ detail: { value: favFruit.value } });
      };
    </script>
  </body>
</html>
