starter/src/components/organisms/layouts/Basic/index.tsx

import * as React from 'react'
import styled from 'styled-components';
import TopBar from '../../widgets/TopBar';

const Main = styled('main')({
	boxSizing: 'border-box',
})

type Props = {
	query?: string,
}

const BasicLayout: React.FC<Props> = ({ query, children }) => {
	return (
		<>
			<TopBar
				query={query}
			/>
			<Main>
				{children}
			</Main>
		</>
	)
}

export default BasicLayout