import {ArgTypes, Canvas, Meta} from "@storybook/blocks";
import * as CornerSpinnerStories from "./corner-spinner.stories";

<Meta of={CornerSpinnerStories} />

Corner Spinner
=========

<Canvas of={CornerSpinnerStories.Primary} />

The Spinner was made using Tailwind.css.

# Usage

### Example Usage in Next.js Project

    ```tsx
    //loading.tsx
    import { CornerSpinner } from "epic-loading-animation";

    export default Loading = () => {
        return (
            <div className="flex justify-center items-center h-screen">
                <CornerSpinner color="purple" /> // takes CSS color type
            </div>
        );
    }
    ```

# Parameters
<ArgTypes />