1import{r as a,y as u,j as e,L as r}from"./index-DJqYQI6A.js";import{P as b}from"./PageFooterRow-BoOeDSrM.js";import{u as j,P as N}from"./Pagination-RzkOtqD2.js";const o=9,v=()=>{const[s,i]=a.useState([]),[l,d]=a.useState(!0),[n,c]=a.useState(null);a.useEffect(()=>{document.title="Information Cards | ICSI - The Institute of Company Secretaries of India";let t=!1;return u().then(g=>{t||i(g?.cards??[])}).catch(()=>{t||c("Unable to load information cards at this time.")}).finally(()=>{t||d(!1)}),()=>{t=!0}},[]);const{page:m,setPage:x,totalPages:f,pageItems:p,total:h}=j(s,o);return e.jsxs("div",{className:"min-h-screen bg-white",children:[e.jsxs("nav",{"aria-label":"Breadcrumb",className:"bg-[#dfe3e9] px-4 py-3 text-xs text-gray-700",children:[e.jsx(r,{to:"/",className:"text-[#1d3564] underline",children:"Home"}),e.jsx("span",{className:"mx-1",children:"/"}),e.jsx("span",{className:"font-semibold","aria-current":"page",children:"Information Cards"})]}),e.jsxs("div",{className:"mx-auto max-w-[1200px] px-4 py-6",children:[e.jsx("div",{className:"mb-6",children:e.jsx("h1",{className:"inline-block border-b-2 border-[#0b4173] pb-1 text-2xl font-bold text-gray-800",children:"Information Cards"})}),l?e.jsx("p",{className:"py-8 text-center text-gray-500",children:"Loading information cardsâ¦"}):n?e.jsx("p",{className:"py-8 text-center text-red-500",children:n}):s.length===0?e.jsx("p",{className:"py-8 text-center text-gray-500",children:"No information cards foun
1d."}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid grid-cols-2 gap-6 md:grid-cols-4",children:p.map(t=>e.jsxs(r,{to:t.url,target:t.open_in_new_tab?"_blank":"_self",rel:t.open_in_new_tab?"noopener noreferrer":void 0,"data-open-new-tab":t.open_in_new_tab?"true":"false",className:"flex flex-col overflow-hidden rounded-xl bg-white shadow-md",children:[e.jsx("div",{className:"overflow-hidden",children:e.jsx("img",{src:t.image,alt:t.title||"Information card",title:t.title||"Information card",className:"h-40 w-full object-cover transition-transform duration-300 hover:scale-110"})}),e.jsx("div",{className:"py-3 ps-3",children:e.jsx("h3",{className:"text-md font-bold capitalize text-blue-800",children:t.title})})]},t.id))}),e.jsx(N,{page:m,totalPages:f,onPage:x,totalItems:h,pageSize:o,itemLabel:"cards"})]}),e.jsx(b,{})]})]})};export{v as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.