import { Box } from '@wix/design-system';
import React, { useEffect, useLayoutEffect } from 'react';
export function HorizontalOverflowBox(props) {
    const { state, ...rest } = props;
    useLayoutEffect(() => state.initLayout(), []);
    useEffect(() => state.init(), []);
    return (React.createElement(Box, { dataHook: "horizontal-overflow-box", ref: (element) => {
            state._element = element;
        }, minWidth: 0, direction: "horizontal", ...rest }));
}
//# sourceMappingURL=HorizontalOverflowBox.js.map