feat: add BaseTemplate component

components/templates/base/BaseTemplate.jsx

@@ -0,0 +1,7 @@
+import styles from './BaseTemplate.module.css';
+
+const BaseTemplate = ({ sampleTextProp }) => {
+  return <div className={styles.container}>{sampleTextProp}</div>;
+};
+
+export default BaseTemplate;

components/templates/base/BaseTemplate.mock.js

@@ -0,0 +1,7 @@
+const base = {
+  sampleTextProp: 'Hello world!',
+};
+
+export const mockBaseTemplateProps = {
+  base,
+};

components/templates/base/BaseTemplate.module.css

@@ -0,0 +1,2 @@
+.component {
+}

components/templates/base/BaseTemplate.stories.jsx

@@ -0,0 +1,19 @@
+import BaseTemplate from './BaseTemplate';
+import { mockBaseTemplateProps } from './BaseTemplate.mocks';
+
+export default {
+  title: 'templates/BaseTemplate',
+  component: BaseTemplate,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {},
+};
+
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Template = (args) => <BaseTemplate {...args} />;
+
+export const Base = Template.bind({});
+// More on args: https://storybook.js.org/docs/react/writing-stories/args
+
+Base.args = {
+  ...mockBaseTemplateProps.base,
+};