
  <script lang="ts">
    export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object-vessel/poi-object-vessel.js';
      import '@oicl/openbridge-webcomponents/dist/ar/poi-button-vessel/poi-button-vessel.js';
      import { setProperties } from "../../util.js";
      import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object-vessel/poi-object-vessel.js';
      import type { Snippet } from 'svelte';

      export interface Props {
     class?: string;
     style?: string;
     vesselType?: ObcPoiObjectVesselType;
     vesselStyle?: ObcPoiObjectVesselStyle;
     vesselState?: ObcPoiObjectVesselState | null;
     vesselInteractive?: boolean
   }
      export interface Events {
    
  }
      export interface Slots {
  children?: Snippet;
  turnIndicator?: Snippet;
  speedIndicator?: Snippet;
  header?: Snippet;
  relation?: Snippet
}
      const { class: className, style, children, turnIndicator, speedIndicator, header, relation, ...props} = $props<Props & Events & Slots>();

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

      {#if turnIndicator}
        <div slot="turn-indicator">
          {@render turnIndicator()}
        </div>
      {/if}

      {#if speedIndicator}
        <div slot="speed-indicator">
          {@render speedIndicator()}
        </div>
      {/if}

      {#if header}
        <div slot="header">
          {@render header()}
        </div>
      {/if}

      {#if relation}
        <div slot="relation">
          {@render relation()}
        </div>
      {/if}
    </obc-poi-button-vessel>