import React from "react";
import Video from "@sc/plugins/webcomponents/v2/Video";

export default {
  title: "Plugins|Web Components/Exists/Video",
  component: Video,
};

export const Default = () => (
  <Video
    src="https://player.vimeo.com/video/320365169"
    controls
    style={{ margin: "25px 0", width: "100%", height: 400 }}
    videoThumbnail="videoThumbnail.png"
    persistOnScroll
  />
);
export const InTheEditor: React.FC = () => {
  return (
    <EditorWithCustomData
      content={[
        { id: "CustomField", parent: "u5j1r64m5rf", ...settings.default },
        ...sampleContentData,
      ]}
    />
  );
};