desktop_header.jsx

import Header from './header.jsx';

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

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

header.jsx

function Header({input, headerFun}) {
  return (
    <div className="header">
      {headerFun(input)}
    </div>
  )
}

export default Header;

mobile_header.jsx

import Header from './header.jsx';

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

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