starter/src/components/templates/BasicLayout/index.tsx

import * as React from 'react'
import styled from 'styled-components'
import Basic from '../../organisms/layouts/Basic'
import DummyContent from '../../molecules/DummyContent';

const Container = styled('div')({
	padding: '0 1rem',
	boxSizing: 'border-box',
	margin: '0 auto',
	maxWidth: 'calc(var(--width-base, 360px) * 2)',
	width: '100%',
})

type Props = {
	query: string,
}

const BasicLayoutTemplate: React.FC<Props> = ({
	query,
}) => {
	return (
		<Basic
			query={query}
		>
			<Container>
				<DummyContent />
			</Container>
		</Basic>
	)
}

export default BasicLayoutTemplate