<script>
  import ImageTile from "./ImageTile.svelte";
  
  
  
  /**
   * @typedef {Object} Props
   * @property {string} src
   * @property {string} href
   * @property {"_self" | "_blank" | "_parent" | "_top" } [target]
   * @property {import('svelte').Snippet} [children]
   */

  /** @type {Props} */
  let {
    src,
    href,
    target = "_self",
    children
  } = $props();
</script>

<div>
  <ImageTile {src}>
    <a {href} {target} class="flex items-center justify-center h-full">
      {@render children?.()}
    </a>
  </ImageTile>
</div>
