Button

import { Button } from "passport-ui";

<Button variant="outline">Button</Button>
 
{/* Different variants */}
<Button variant="primary">Primary</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="outline">Outline</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>
 
{/* Different sizes */}
<Button variant="primary" size="medium">Medium</Button>
<Button variant="primary" size="large">Large</Button>
 
{/* Loading state */}
<Button variant="primary" loading loadingText="Saving…">
  Save Changes
</Button>