'use client';

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

interface AuthProviderButtonsProps {
  children: React.ReactNode;
}

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