import { Heading, Text } from '@elementor/app-ui';
import ConditionsProvider from '../../context/conditions';
import { Context as TemplatesContext } from '../../context/templates';
import ConditionsRows from './conditions-rows';
import './conditions.scss';
import BackButton from '../../molecules/back-button';
export default function Conditions( props ) {
const { findTemplateItemInState, updateTemplateItemState } = React.useContext( TemplatesContext ),
template = findTemplateItemInState( parseInt( props.id ) );
if ( ! template ) {
return
{ __( 'Not Found', 'elementor-pro' ) }
;
}
return (
{ __( 'Where Do You Want to Display Your Template?', 'elementor-pro' ) }
{ __( 'Set the conditions that determine where your template is used throughout your site.', 'elementor-pro' ) }
{ __( 'For example, choose \'Entire Site\' to display the template across your site.', 'elementor-pro' ) }