import { action } from '@storybook/addon-actions';
import { ASSETS_URL } from '../../../consts/common';
import { EmptyStateYoutubeProps } from '../types';

const popupCloseHandler = action('popup closed');
const popupOpenHandler = action('popup opened');
const playEventHandler = action('playback started');

export const mockEmptyStateYoutube: EmptyStateYoutubeProps = {
  imageProps: {
    width: '545px',
    height: '307px',
    title: 'Perimeter 81: Our SASE Platform At A Glance'
  },
  imageUrl: `${ASSETS_URL}/emptyState/dashboard/DiscoverP81.jpg`,
  onClose: popupCloseHandler,
  onOpen: popupOpenHandler,
  onPlay: playEventHandler,
  videoId: 'J65rPPmY3DE'
};