import '../../setup-fixture';

import { Video } from './Video';
import { type VideoContent } from './VideoContent';

const VIDEO_CONTENT: VideoContent = {
  title: 'Посмотрите короткое видео, как войти в ЛК',
  previewImg: {
    src: 'video-preview.png',
  },
  url: 'rshb.webm',
};

export default {
  default: (
    <div className="container grid grid-cols-12">
      <Video className="col-span-12" {...VIDEO_CONTENT} />
    </div>
  ),
  'col-span-10': (
    <div className="container grid grid-cols-12">
      <Video className="col-span-10" {...VIDEO_CONTENT} />
    </div>
  ),
  'col-span-8': (
    <div className="container grid grid-cols-12">
      <Video className="col-span-8" {...VIDEO_CONTENT} />
    </div>
  ),
  'col-span-6': (
    <div className="container grid grid-cols-12">
      <Video className="col-span-6" {...VIDEO_CONTENT} />
    </div>
  ),
};