() => {
  const divStyle = {
    minHeight: `${defaultTheme.orbit.heightIllustrationMedium}`,
    background: `${defaultTheme.orbit.backgroundBody}`,
  };
  return (
    <Layout type="Search">
      <LayoutColumn>
        <div style={divStyle}>
          <Text>
            This column is designed for filters. It&apos;s hidden on{" "}
            <code>largeMobile</code> and smaller screens.
          </Text>
        </div>
      </LayoutColumn>
      <LayoutColumn>
        <div style={divStyle}>
          <Text>
            This column is designed for the main content. It&apos;s always
            visible.
          </Text>
        </div>
      </LayoutColumn>
      <LayoutColumn>
        <div style={divStyle}>
          <Text>
            This column is designed for promotions. It&apos;s hidden on{" "}
            <code>desktop</code> and smaller screens.
          </Text>
        </div>
      </LayoutColumn>
    </Layout>
  );
};