29 lines
751 B
TypeScript
29 lines
751 B
TypeScript
import { useState } from "react";
|
|
import Image from "@/components/Image";
|
|
import ModalView from "@/components/ModalView";
|
|
|
|
const SoloImage = ({}) => {
|
|
const [open, setOpen] = useState(false);
|
|
|
|
return (
|
|
<>
|
|
<div className="cursor-pointer" onClick={() => setOpen(true)}>
|
|
<Image
|
|
className="w-full rounded-xl"
|
|
src="/images/image-1.jpg"
|
|
width={731}
|
|
height={418}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
<ModalView
|
|
open={open}
|
|
onClose={() => setOpen(false)}
|
|
image="/images/image-1.jpg"
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default SoloImage;
|