<script setup lang="ts">
import { ResizableHandle } from '@/components/core/resizable';
import type { UiResizableHandleEmits, UiResizableHandleProps } from './types';

defineOptions({
  name: 'UiResizableHandle',
});

const props = defineProps<UiResizableHandleProps>();
const emit = defineEmits<UiResizableHandleEmits>();
</script>

<template>
  <ResizableHandle v-bind="props" @dragging="emit('dragging', $event)">
    <slot />
  </ResizableHandle>
</template>
