FullyOverlayHeader.js (1136B)
1 const {__} = wp.i18n 2 3 function FullyOverlayHeader(props) { 4 const {onCloseCustomizer, onNextBlock, onPrevBlock, onImport, pro} = props; 5 return ( 6 <div className="wp-full-overlay-header"> 7 <button className="close-full-overlay" onClick={onCloseCustomizer}> 8 <span className="screen-reader-text">{__('Close', redux_templates.i18n)}</span> 9 </button> 10 <button className="previous-theme" onClick={onPrevBlock}> 11 <span className="screen-reader-text">{__('Previous', redux_templates.i18n)}</span> 12 </button> 13 <button className="next-theme" onClick={onNextBlock}> 14 <span className="screen-reader-text">{__('Next', redux_templates.i18n)}</span> 15 </button> 16 { 17 pro === false && 18 <a className="button hide-if-no-customize button-primary redux-templates-section-import" onClick={onImport} 19 data-import="disabled"> 20 {__('Import', redux_templates.i18n)} 21 </a> 22 } 23 </div> 24 ); 25 } 26 27 export default FullyOverlayHeader;