import type { Meta, StoryObj } from '@storybook/react';
import { SocialLoginButtons } from './SocialLoginButtons';
import React from 'react';

const meta: Meta<typeof SocialLoginButtons> = {
  title: 'Blocks/Auth/SocialLoginButtons',
  component: SocialLoginButtons,
  render: args => (
    <div className="w-80">
      <SocialLoginButtons {...args} />
    </div>
  ),
};

export default meta;
type Story = StoryObj<typeof SocialLoginButtons>;

export const Default: Story = {
  args: {
    onSocialLogin: (provider: string) => console.log('social login', provider),
  },
};

export const GoogleOnly: Story = {
  args: {
    onSocialLogin: (provider: string) => console.log('social login', provider),
    providers: ['google'],
  },
};

export const WithoutGovBr: Story = {
  args: {
    onSocialLogin: (provider: string) => console.log('social login', provider),
    providers: ['google', 'mtLogin'],
  },
};