import{jsxs as i,jsx as r}from"react/jsx-runtime";import{b1 as d,b2 as c,b3 as u,B as a}from"./ui-components-B24mpb8o.js";import{g as h,S as b}from"./section-DjkqMKZX.js";import{usePage as f,Link as g}from"@inertiajs/react";import x from"embla-carousel-autoplay";import{ChevronLeft as v,ChevronRight as y}from"lucide-react";import{useState as N}from"react";import k from"./instructor-socials-BXNMa78k.js";import"next-themes";import"sonner";import"@radix-ui/react-label";import"class-variance-authority";import"@radix-ui/react-checkbox";import"@radix-ui/react-avatar";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-scroll-area";import"@radix-ui/react-popover";import"@radix-ui/react-radio-group";import"@radix-ui/react-dialog";import"@radix-ui/react-slot";import"clsx";import"@radix-ui/react-separator";import"@radix-ui/react-tooltip";import"@radix-ui/react-tabs";import"@radix-ui/react-accordion";import"@radix-ui/react-progress";import"@radix-ui/react-select";import"cmdk";import"@radix-ui/react-switch";import"react-day-picker";import"@radix-ui/react-slider";import"embla-carousel-react";import"@radix-ui/react-toggle-group";import"vaul";import"tailwind-merge";import"./use-lang-Cw_jKJYs.js";import"./chunked-uploader-input-WemAY1Qi.js";import"axios";import"./input-error-BbsDx4-P.js";import"./loading-button-B_LaGOAp.js";import"./inertia-FIn3q7f1.js";import"./icon-picker-dialog-C9VejAFv.js";import"./icon-picker-DlQKexqz.js";import"./debounce-CWHP_ANh.js";import"./icon-picker-tooltip-BfucLgKc.js";import"lucide-react/dynamic";import"./table-header-DXTJ1r7-.js";import"@tanstack/react-table";import"./table-page-size-B94DPeOD.js";import"./route-D0xh7FtZ.js";const vr=()=>{const{props:m}=f(),{page:l,customize:s,topInstructors:p}=m,o=h(l,"top_instructors"),[t,n]=N();return i(b,{customize:s,pageSection:o,containerClass:"py-20",children:[i("div",{className:"mx-auto mb-10 text-center md:max-w-[480px]",children:[r("p",{className:"text-secondary-foreground mb-1 font-medium",children:o==null?void 0:o.title}),r("h2",{className:"mb-4 text-3xl font-bold sm:text-4xl",children:o==null?void 0:o.sub_title}),r("p",{className:"text-muted-foreground",children:o==null?void 0:o.description})]}),i(d,{setApi:n,className:"relative",opts:{align:"start",loop:!0},plugins:[x({delay:3e3})],children:[r(c,{children:p.map(e=>r(u,{className:"basis-full md:basis-1/2 lg:basis-1/4",children:r("div",{className:"px-1.5 py-0.5",children:i("div",{className:"group relative h-[380px] overflow-hidden rounded-2xl",children:[i(g,{href:route("instructors.show",e.id),children:[r("img",{className:"h-full w-full object-cover object-center",src:e.user.photo||"/assets/images/intro/default/instructors/instructor-1.png",alt:""}),i("div",{className:"from-primary dark:from-primary-foreground absolute bottom-0 left-1/2 flex h-full w-full -translate-x-1/2 flex-col justify-end bg-gradient-to-t px-4 pt-4 pb-2 text-center opacity-0 transition-all duration-200 group-hover:opacity-100",children:[r("p",{className:"mb-1 text-lg font-semibold text-white",children:e.user.name}),r("p",{className:"text-sm text-white",children:e.designation})]})]}),r("div",{className:"from-primary dark:from-primary-foreground absolute bottom-0 left-1/2 w-full -translate-x-1/2 bg-gradient-to-t opacity-0 transition-all duration-200 group-hover:opacity-100",children:r(k,{instructor:e,buttonVariant:"ghost",buttonClass:"bg-muted hover:bg-muted/80 dark:bg-primary/90 dark:hover:bg-primary/80 dark:text-primary-foreground",className:"py-2"})})]})})},e.id))}),r(a,{size:"icon",variant:"outline",disabled:!(t!=null&&t.canScrollPrev()),onClick:()=>t==null?void 0:t.scrollPrev(),className:"hover:border-primary hover:bg-background absolute top-1/2 -left-3 -translate-y-1/2",children:r(v,{})}),r(a,{size:"icon",variant:"outline",disabled:!(t!=null&&t.canScrollNext()),onClick:()=>t==null?void 0:t.scrollNext(),className:"hover:border-primary hover:bg-background absolute top-1/2 -right-3 -translate-y-1/2",children:r(y,{})})]})]})};export{vr as default};
