import type { Meta } from '@storybook/react-vite';
import { OAuthProvider } from 'firebase/auth';
import { firebaseConfig } from '../../tests/firebase';
import { FirebaseAppProvider } from '../contexts/FirebaseAppProvider';
import { FirebaseAuthProvider } from '../contexts/FirebaseAuthProvider';
import { UtahIdLogin as Component } from './UtahIdLogin';

const provider = new OAuthProvider('oidc.utah-id');

const meta: Meta<typeof Component> = {
  component: Component,
  parameters: {
    layout: 'centered',
  },
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <FirebaseAppProvider config={firebaseConfig}>
        <FirebaseAuthProvider provider={provider}>
          <Story />
        </FirebaseAuthProvider>
      </FirebaseAppProvider>
    ),
  ],
  argTypes: {},
  args: {},
};

export default meta;

export const Example = {};