'use client'
import { Button } from '@/components/ui/button'
import type { ReactNode } from 'react'

interface SocialButtonProps {
  icon: ReactNode
  children: ReactNode
  onClick?: () => void
  disabled?: boolean
  loading?: boolean
}

export function SocialButton({ icon, children, loading, onClick, disabled }: SocialButtonProps) {
  return (
    <Button variant="tertiary" block onClick={onClick} disabled={disabled} loading={loading}>
      {icon}
      {children}
    </Button>
  )
}
