15 lines
529 B
Svelte
15 lines
529 B
Svelte
<script lang="ts">
|
|
import { mergeProps } from "svelte-toolbelt";
|
|
import type { MenuArrowProps } from "../types.js";
|
|
import { MenuArrowState } from "../menu.svelte.js";
|
|
import FloatingLayerArrow from "../../utilities/floating-layer/components/floating-layer-arrow.svelte";
|
|
|
|
let { ref = $bindable(null), ...restProps }: MenuArrowProps = $props();
|
|
|
|
const arrowState = MenuArrowState.create();
|
|
|
|
const mergedProps = $derived(mergeProps(restProps, arrowState.props));
|
|
</script>
|
|
|
|
<FloatingLayerArrow bind:ref {...mergedProps} />
|