<script lang="ts">
  import type { IconName } from "../external/icons";
  import ParentEntry from "./ParentEntry.svelte";

  export let name = "";
  export let description = "";
  export let headerLink = "";
  export let hideIcon: boolean = false;
  export let icon: IconName = "anchor";

  let entry;

  $: {
    entry = {
      id: "__empty",
      name: name,
      description: description,
      icon: icon,
    };
  }
</script>

<ParentEntry
  entry={entry}
  full={false}
  headerLink={headerLink}
  hideProgress={true}
  hideIcon={hideIcon}
  showTimeProgress={true}
  annotations={[]}
  removeHook={true}
>
  <slot></slot>
</ParentEntry>
