import { Button, Text } from '@elementor/app-ui';
export default function ConditionConflicts( props ) {
if ( ! props.conflicts.length ) {
return '';
}
const conflictLinks = props.conflicts.map( ( conflict ) => {
return (
);
} );
return (
{
sprintf(
/* translators: %s: a list of conflicted templates */
__( 'We noticed that you already applied %s with the same condition.', 'elementor-pro' ),
conflictLinks,
)
}
{ __( "To continue, set different conditions for each so they don't conflict.", 'elementor-pro' ) }
);
}
ConditionConflicts.propTypes = {
conflicts: PropTypes.array.isRequired,
};