import{j as r,P as a}from"./index-BVAJPyoi.js";import{P as i}from"./PageBreadCrumb-CUJRczU-.js";import{C as e}from"./ComponentCard-2ewZxZ3E.js";function s(){return r.jsx("div",{className:"relative",children:r.jsx("div",{className:"overflow-hidden",children:r.jsx("img",{src:"/images/grid-image/image-01.png",alt:"Cover",className:"w-full border border-gray-200 rounded-xl dark:border-gray-800"})})})}function d(){return r.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2",children:[r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-02.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-03.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})})]})}function g(){return r.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3",children:[r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-04.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-05.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-06.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})})]})}function n(){return r.jsxs(r.Fragment,{children:[r.jsx(a,{title:"React.js Images Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Images page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),r.jsx(i,{pageTitle:"Images"}),r.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[r.jsx(e,{title:"Responsive image",children:r.jsx(s,{})}),r.jsx(e,{title:"Image in 2 Grid",children:r.jsx(d,{})}),r.jsx(e,{title:"Image in 3 Grid",children:r.jsx(g,{})})]})]})}export{n as default};
