@stokr/components-library/dist/components/video/Video.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.VideoMP4 = void 0;
var _react = _interopRequireDefault(require("react"));
var _Video = _interopRequireDefault(require("./Video"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/Video',
  component: _Video.default,
  argTypes: {
    src: {
      type: 'string',
      defaultValue: '',
      required: true
    },
    autoplay: {
      type: 'boolean',
      defaultValue: true
    },
    poster: {
      type: 'any'
    },
    onOpen: {
      type: 'function',
      action: 'onOpen'
    },
    onClose: {
      type: 'function',
      action: 'onClose'
    },
    isPlaying: {
      type: 'boolean',
      defaultValue: false
    }
  }
};
const Template = args => /*#__PURE__*/_react.default.createElement(_Video.default, args);

// export const VideoDefault = Template.bind({})
// VideoDefault.args = {}

const VideoMP4 = exports.VideoMP4 = Template.bind({});
VideoMP4.args = {
  src: 'https://res.cloudinary.com/stokr/video/upload/f_auto,q_auto:best/v1745923531/Static/Hero_section_video_kuatj1.mp4'
};

// doublecheck:
//src should be mp4
// constant styles(<found and copied folder to CL)   and breakpoint from utils breaking storybook