devonestes · April 15, 2018 13:10
diff --git a/desktop_header.jsx b/desktop_header.jsx
 import Header from './header.jsx';

 function headerFun(input) {
  <h1>{input.name}</h1>
 }

 function DesktopHeader(input) {
  <Header {...{input, headerFun}} />
 }
diff --git a/header.jsx b/header.jsx
 function Header({input, headerFun}) {
  return (
    <div className="header">
      {headerFun(input)}
    </div>
  )
 }

 export default Header;
diff --git a/mobile_header.jsx b/mobile_header.jsx
 import Header from './header.jsx';

 function headerFun(input) {
  <h6>{input.name}</h6>
 }

 function DesktopHeader(input) {
  <Header {...{input, headerFun}} />
 }
	import Header from './header.jsx';

	function headerFun(input) {
	<h1>{input.name}</h1>
	}

	function DesktopHeader(input) {
	<Header {...{input, headerFun}} />
	}
	import Header from './header.jsx';

	function headerFun(input) {
	<h6>{input.name}</h6>
	}

	function DesktopHeader(input) {
	<Header {...{input, headerFun}} />
	}