import React from 'react';
import { Box, Cell, Page } from '@wix/design-system';
import { useIsMobile } from '../../hooks/useIsMobile';
export function FormPageAdditionalContent(props) {
    const isMobile = useIsMobile();
    const { children, sticky, ...rest } = props;
    const content = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP2' : 'SP4' }, children));
    const wrappedContent = sticky && !isMobile ? React.createElement(Page.Sticky, null, content) : content;
    return (React.createElement(Cell, { span: isMobile ? 12 : 4, ...rest }, wrappedContent));
}
FormPageAdditionalContent.displayName = 'FormPageAdditionalContent';
//# sourceMappingURL=FormPageAdditionalContent.js.map