Function App

example/app.jsx:15–22

()

const Content = ({ children }) => <section>{children}</section>;

const App = () => (
  <div>
    <Header>Frame example of wrapping application</Header>
    <Content>
      <h2>This whole app is wrapped inside an iFrame</h2>
    </Content>
  </div>
);

createRoot(document.querySelector('#example1')).render(
  <Frame style={styles}>