import React from 'react';

import { ThemeProvider } from 'styled-components';
import { GlobalStyle } from './styledComponents';

import { Meta, Title, Subtitle, Description, Primary, Controls, Stories } from '@storybook/blocks';
import { CodeBlock } from '../src/alchemy-components/.docs/mdx-components';

{/* 
  * 👇 The isTemplate property is required to tell Storybook that this is a template
  * See https://storybook.js.org/docs/api/doc-block-meta
  * to learn how to use
*/}

<Meta isTemplate />

<ThemeProvider theme={{}}>
	<GlobalStyle />

	<Title />

	<Subtitle />

	<div className="docsDescription">
		<Description />
	</div>

	<br />

	### Import

	<CodeBlock />

	<br/>

	### Customize

	<Primary />
	<Controls />

	<Stories />
</ThemeProvider>