import { component$ } from '@qwik.dev/core';
// @ts-ignore
import ImageJpeg from '../../media/MyTest.jpeg?jsx';
// @ts-ignore
import ImageSvg from '../../media/qwikLogo.svg?jsx';
// @ts-ignore
import ImageJpegResized from '../../media/MyTest.jpeg?jsx&w=100&h=100&format=avif';

export default component$(() => {
  return (
    <div>
      <h1 onClick$={() => console.warn('hola')}>Welcome to Qwik Router</h1>
      <p>The router for Qwik.</p>
      <ImageJpeg id="image-jpeg" loading="eager" decoding="auto" />
      <ImageSvg id="image-svg" />
      <ImageJpegResized id="image-avif" />
    </div>
  );
});
