balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

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;