import { Box } from '@wix/design-system';
import React, { useEffect, useLayoutEffect } from 'react';
export function HorizontalAvailableSpaceBox(props) {
    const { state, children, ...rest } = props;
    useLayoutEffect(() => state.initLayout(), []);
    useEffect(() => state.init(), []);
    return (React.createElement(Box, { ref: (element) => {
            state._element = element;
            state._child = element?.firstElementChild;
        }, minWidth: 0, flex: 1, align: "right", direction: "horizontal", ...rest }, children));
}
//# sourceMappingURL=HorizontalAvailableSpaceBox.js.map