{/*
Copyright (C) 2023 Light, Inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/}

import { Meta, Story } from "@storybook/addon-docs";

import { Button } from "@lightdotso/ui/components/ui/button";
import { Mail, Loader2 } from "lucide-react";

<Meta title="Button" component={Button} />

# Button

<Story name="Default">
  <Button>Button</Button>
</Story>

<Story name="Outline">
  <Button variant="outline">Outline</Button>
</Story>

<Story name="Subtle">
  <Button variant="subtle">Subtle</Button>
</Story>

<Story name="Ghost">
  <Button variant="ghost">Ghost</Button>
</Story>

<Story name="Link">
  <Button variant="link">Link</Button>
</Story>

<Story name="With Icon">
  <Button>
    <Mail className="mr-2 h-4 w-4" /> Login with Email
  </Button>
</Story>

<Story name="Loading">
  <Button disabled>
    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
    Please wait
  </Button>
</Story>
