import { ChevronRightIcon, Loader2Icon } from "lucide-react"
import { Button } from "@/registry/ssp/ui/button"
export default function Example() {
return (
<div className='flex flex-wrap items-center gap-2 md:flex-row'>
<Button>Button</Button>
<Button variant='secondary'>Secondary</Button>
<Button variant='destructive'>Destructive</Button>
<Button variant='outline'>Outline</Button>
<Button variant='ghost'>Ghost</Button>
<Button variant='link'>Link</Button>
<Button variant='secondary' size='icon' className='size-8'>
<ChevronRightIcon />
</Button>
<Button size='sm' disabled>
<Loader2Icon className='animate-spin' />
Please wait
</Button>
</div>
)
}