refactor(components): integrate sectioned page template into Page

* replace Section component by a generic one (other components should
be able to use it)
* add a PageSection component
* add `hasSections` prop to Page component
* remove sectioned-page template

1 files changed, 1 insertions, 16 deletions

diff --git a/src/components/atoms/layout/section/section.test.tsx b/src/components/atoms/layout/section/section.test.tsx
index 85305c0..be4c324 100644
--- a/src/components/atoms/layout/section/section.test.tsx
+++ b/src/components/atoms/layout/section/section.test.tsx
@@ -5,23 +5,8 @@ import { Section } from './section';
 const content = 'Section content.';
 
 describe('Section', () => {
-  it('renders its body', () => {
+  it('renders its children', () => {
     render(<Section>{content}</Section>);
     expect(rtlScreen.getByText(content)).toBeInTheDocument();
   });
-
-  it('renders a section with border', () => {
-    render(<Section hasBorder>{content}</Section>);
-    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--borders');
-  });
-
-  it('renders a light section', () => {
-    render(<Section variant="light">{content}</Section>);
-    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--light');
-  });
-
-  it('renders a dark section', () => {
-    render(<Section variant="dark">{content}</Section>);
-    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--dark');
-  });
 });