Merge pull request #578 from Panenco/feat/loader-stories

feat: loader stories

src/components/loader/index.tsx

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { StyledLoader } from './style';
 
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * The color of the loader
+   * */
   color?: string;
 }
 

stories/Loader/Loader.stories.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { colors } from 'styles';
+import { Loader } from 'components/loader';
+
+export default {
+  title: 'Components/Loader',
+  component: Loader,
+} as ComponentMeta<typeof Loader>;
+
+const Template: ComponentStory<typeof Loader> = (args) => <Loader {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {};
+
+export const Color = Template.bind({});
+Color.args = {
+  color: colors.success,
+};