Fixed exports

__tests__/Button.test.tsx

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Button from '@/components/Button';
+import { Button } from '@/components/Button';
 import { Variant } from '@/components';
 
 describe('Button test', () => {

__tests__/Page.test.tsx

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Page from '@/components/Page';
+import { Page } from '@/components/Page';
 
 describe('Page test', () => {
     it('should render page', () => {

__tests__/Panel.test.tsx

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Panel from '@/components/Panel';
+import { Panel } from '@/components/Panel';
 
 describe('Page test', () => {
     it('should render panel', () => {

src/components/Button/index.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

src/components/Page/Header.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Panel from '@/components/Panel';
+import { Panel } from '@/components/Panel';
 import clsx from 'clsx';
 
 export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {

src/components/Page/index.ts

@@ -0,0 +1,3 @@
+export { default as Page } from './Page';
+export { default as PageHeader } from './Header';
+export { default as PageContent } from './Content';

src/components/Panel/index.ts

@@ -0,0 +1 @@
+export { default as Panel } from './Panel';

src/components/index.ts

@@ -1,3 +1,3 @@
 export * from './utils';
-export { default as Page } from './Page';
-export { default as Panel } from './Panel';
+export * from './Page';
+export * from './Panel';

src/index.ts

@@ -1,3 +1 @@
-export { default as Button } from './components/Button'
-export { default as Page } from './components/Page';
-export { default as Panel } from './components/Panel';
+export * from './components'

www/src/index.tsx

@@ -1,7 +1,32 @@
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
+import { FontAwesomeIcon }  from '@fortawesome/react-fontawesome';
+import { faArrowAltCircleDown, faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons';
+
+import '../../src/style/index.scss';
+import { Page, Variant } from '../../src/components';
+import Button from '@/components/Button';
 
 ReactDom.render(
-    null,
+    <Page>
+        <Page.Header title="Dashboard" />
+        <Page.Content>
+            <Button
+                as="a"
+                small
+                variant={Variant.DANGER_GHOST}
+            >
+                <FontAwesomeIcon icon={faArrowAltCircleDown} />
+            </Button>
+            <Button
+                variant={Variant.SECONDARY}
+                iconLeft={<FontAwesomeIcon icon={faEye} />}
+                iconRight={<FontAwesomeIcon icon={faEyeSlash} />}
+                block
+            >
+                Secondary button
+            </Button>
+        </Page.Content>
+    </Page>,
     document.getElementById('root')
 );

www/webpack.config.js

@@ -25,7 +25,7 @@ const setEnvVars = () => {
 
 module.exports = {
     entry: {
-        main: './www/src/index.tsx'
+        main: './www/src/Page.tsx'
     },
     module: {
         rules: [