added Spinner

components/RadialProgressBar/RadialProgressBar.stories.tsx

@@ -38,7 +38,7 @@ export const Full: Story = {
   },
 };
 
-export const Empy: Story = {
+export const Empty: Story = {
   args: {
     fillPercentage: 0,
   },

components/Spinner/Spinner.stories.tsx

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Spinner from './Spinner';
+
+const meta: Meta<typeof Spinner> = {
+  title: 'Components/Spinner',
+  component: Spinner,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Spinner>;
+
+export const Default: Story = {
+  args: {},
+};

components/Spinner/Spinner.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { cn } from '@/lib/utils';
+
+type SpinnerProps = {};
+
+const Spinner = (props: SpinnerProps) => {
+  return (
+    <div
+      className={cn(
+        'h-16 w-16',
+        'border-[6px] border-solid border-gray-200 border-t-blue-400  rounded-full',
+        'animate-spin'
+      )}
+    />
+  );
+};
+
+export default Spinner;