import { Meta, ComponentStory } from '@storybook/react';
import { EmptyStateYoutube } from './index';
import { mockEmptyStateYoutube } from './__mocks__/mockEmptyStateYoutube';

export default {
  component: EmptyStateYoutube,
  title: 'Marketing/Empty State Youtube'
} as Meta;

const Template: ComponentStory<typeof EmptyStateYoutube> = args => <EmptyStateYoutube {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  ...mockEmptyStateYoutube,
  isOpen: false,
  opts: {
    playerVars: {
      autoplay: 0,
      playsinline: 1,
      rel: 0
    }
  }
};

export const Autoplay = Template.bind({});
Autoplay.args = {
  ...mockEmptyStateYoutube,
  isOpen: false,
  opts: {
    playerVars: {
      autoplay: 1,
      playsinline: 1,
      rel: 0
    }
  }
};