import React from 'react';
import { useSelector } from 'react-redux';
import { Element } from './Element';
import { Page } from './Page';
export const PageContent = ({ page, uniqueName }) => {
    if (!page) {
        return null;
    }
    const element = uniqueName && page.elements.find((e) => e.uniqueName === uniqueName);
    if (uniqueName && !element) {
        return null;
    }
    const tenant = useSelector(({ publicTenants }) => publicTenants.selected);
    return element ? (<Element tenant={tenant} element={element} root="Page"/>) : (<Page tenant={tenant} page={page}/>);
};
//# sourceMappingURL=PageContent.jsx.map