import React, { useState } from "react";
import { ModalPreviewImage } from "../components";

export default {
  title: "page-ui/ModalPreviewImage",
  component: ModalPreviewImage,
};

const Template = (args) => <ModalPreviewImage {...args} />;

const images = [
  "https://png.pngtree.com/thumb_back/fh260/background/20211031/pngtree-abstract-bg-image_914283.png",
  "https://i0.wp.com/digital-photography-school.com/wp-content/uploads/2019/05/joseph-barrientos-49318-unsplash-e1558728034701.jpg?resize=1500%2C1000&ssl=1",
  "https://png.pngtree.com/thumb_back/fh260/background/20211031/pngtree-abstract-bg-image_914283.png",
  "https://i.pinimg.com/originals/3a/0e/40/3a0e40c3d1b852ca597143dbc535c958.jpg",
  "https://i.pinimg.com/236x/d2/0c/7c/d20c7cd11604ef0ea16fd6bc8d1ad1e9.jpg",
  "https://img.freepik.com/free-vector/night-ocean-landscape-full-moon-stars-shine_107791-7397.jpg"
];

let isOpenModal = true
const handleClick = () => {
  isOpenModal = false
}


export const Default = Template.bind({});
Default.args = {
  images: images,
  isOpenModal: isOpenModal,
  activeIndex: 1,
  theme: { primary: "red" },
  callbackCloseModal: handleClick
};