{"version":3,"file":"useContainer.mjs","names":[],"sources":["../../../../../../../packages/components/splitter/src/hooks/useContainer.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\nimport type { Ref } from 'vue'\n\nexport function useContainer(layout: Ref<'horizontal' | 'vertical'>) {\n  const containerEl = ref<HTMLDivElement>()\n  const { width, height } = useElementSize(containerEl)\n\n  const containerSize = computed(() => {\n    return layout.value === 'horizontal' ? width.value : height.value\n  })\n\n  return { containerEl, containerSize }\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAa,QAAwC;CACnE,MAAM,cAAc,KAAqB;CACzC,MAAM,EAAE,OAAO,WAAW,eAAe,YAAY;AAMrD,QAAO;EAAE;EAAa,eAJA,eAAe;AACnC,UAAO,OAAO,UAAU,eAAe,MAAM,QAAQ,OAAO;IAC5D;EAEmC"}