
  <script lang="ts">
    export type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
export type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
      import '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
      import { setProperties } from "../../util.js";
      import type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
      import type { Snippet } from 'svelte';

      export interface Props {
     class?: string;
     style?: string;
     pointerDirection?: PointerDirection;
      /** When true, uses fixed 256x256px size; otherwise sizes to content. */
fixedSize?: boolean;
     showHeader?: boolean;
     headerVariant?: ObcPoiCardHeaderVariant;
     index?: string;
     cardTitle?: string;
      /** Passed to header (detailed variant only). */
description?: string;
      /** Source badge text (e.g., "AIS", "RADAR"). Hidden when empty. */
source?: string;
      /** Passed to header (detailed variant only). */
timestamp?: string;
      /** Enables the leading-icon slot (regular header variant only). */
hasLeadingIcon?: boolean;
      /** Enables the close button (detailed header variant only). */
hasCloseButton?: boolean;
      /** Enables click events, keyboard focus, and alert border support. */
interactive?: boolean;
      /** Shows alert/caution border rings. Requires `interactive` to be true. */
hasAlert?: boolean
   }
      export interface Events {
    onCardClick?: (event: CustomEvent<PoiCardClickDetail>) => void
  }
      export interface Slots {
  children?: Snippet;
  leadingIcon?: Snippet;
  poiIcon?: Snippet
}
      const {onCardClick, class: className, style, children, leadingIcon, poiIcon, ...props} = $props<Props & Events & Slots>();

    </script>
    <obc-poi-card
    use:setProperties={props}
    class={className}
    style={style}
    oncard-click={onCardClick} >
      
      {#if children}
        {@render children()}
      {/if}

      {#if leadingIcon}
        <div slot="leading-icon">
          {@render leadingIcon()}
        </div>
      {/if}

      {#if poiIcon}
        <div slot="poi-icon">
          {@render poiIcon()}
        </div>
      {/if}
    </obc-poi-card>