'use client';

import { Grid } from '@/ui/Grid';
import React from 'react';

interface AuthProviderButtonsProps {
  children: React.ReactNode;
}

/**
 * AuthProviderButtons
 * 
 * Container for social login buttons (Google, Discord, etc.)
 */
export function AuthProviderButtons({ children }: AuthProviderButtonsProps) {
  return (
    <div style={{ marginBottom: '1.5rem' }}>
      <Grid cols={1} gap={3}>
        {children}
      </Grid>
    </div>
  );
}
