() => {
const divStyle = {
minHeight: `${defaultTheme.orbit.heightIllustrationMedium}`,
background: `${defaultTheme.orbit.backgroundBody}`,
};
return (
<Layout type="Booking">
<LayoutColumn>
<div style={divStyle}>
<Text>This column is designed for the main content.</Text>
</div>
</LayoutColumn>
<LayoutColumn>
<div style={divStyle}>
<Text>
This column is designed for summaries. It appears on the right on{" "}
<code>tablet</code> and wider screens. On <code>largeMobile</code>{" "}
and smaller screens, it appears below the first column.
</Text>
</div>
</LayoutColumn>
</Layout>
);
};