
package.dist.components.splitter.splitter-panel.js Maven / Gradle / Ivy
'use client';
import { jsx } from 'react/jsx-runtime';
import { mergeProps } from '@zag-js/react';
import { forwardRef } from 'react';
import { createSplitProps } from '../../utils/create-split-props.js';
import { ark } from '../factory.js';
import { useSplitterContext } from './use-splitter-context.js';
const SplitterPanel = forwardRef((props, ref) => {
const [splitterPanelProps, localProps] = createSplitProps()(props, ["id", "snapSize"]);
const splitter = useSplitterContext();
const mergedProps = mergeProps(splitter.getPanelProps(splitterPanelProps), localProps);
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
});
SplitterPanel.displayName = "SplitterPanel";
export { SplitterPanel };
© 2015 - 2025 Weber Informatics LLC | Privacy Policy