1import{d as x,u as f,Q as v,a as b,c as m,g as e,a9 as r,bt as i,f as u,x as a,r as p,o as w}from"./fKDK9Na9.js";const h={class:"flex flex-col lg:flex-row gap-4 p-8 bg-white items-center justify-center rounded-4xl lg:rounded-full shadow-[0_4px_4px_-2px_rgb(0_0_0_0.05)]"},g={class:"w-full max-w-[360px] relative"},k={class:"w-full max-w-[360px] relative"},C=x({__name:"AppBaseFilterProductAndService",setup(y){const n=f(),d=v(),l=p(""),t=p(""),c=()=>{d.push({path:"",query:{option1:null,option2:t.value}})};return b(()=>{n.query.option1&&(l.value=n.query.option1),n.query.option2&&(t.value=n.query.option2)}),(D,o)=>(w(),m("section",null,[e("div",h,[o[6]||(o[6]=e("div",{class:"break-words text-2xl lg:text-4xl font-bold text-[#4C4C4E] text-center"},[e("p",null,"Temukan Solusi")],-1)),e("div",g,[r(e("select",{id:"options","onUpdate:modelValue":o[0]||(o[0]=s=>a(l)?l.value=s:null),class:"w-full h-[64px] h-12 pl-4 pr-12 py-2 text-xl font-bold text-[#4D4D4F] bg-white !border-2 !border-[#63E3D3] rounded-full focus:outline-none focus:ring-4 focus:ring-custom-teal/20 focus:border-custom-teal/80 appearance-none cursor-pointer hover:border-custom-teal/80 hover:shadow-md transition-all duration-200"},[...o[2]||(o[2]=[e("option",{value:""},"Select",-1),e("option",{value:"financial"},"Financial",-1)])],512),[[i,u(l)]]),o[3]||(o[3]=e("div",{class:"absolute inset-y-0 right-0 flex items-center px-3 pointer-events-none"},[e("svg",{class:"w-[18px] h-[18px] text-black stroke-[3]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3",d:"M19 9l-7 7-7-7"})])],-1))]),e("div",k,[r(e("select",{id:"options2","onUpdate:modelValue":o[1]||(o[1]=s=>a(t)?t.value=s:null),class:"w-full h-[64px] h-12 pl-4 pr-12 py-2 text-xl font-bold text-[#4D4D4F] bg-white border-2 border-[#63E3D3] rounded-full focus:outline-none focus:ring-4 focus:ring-custom-teal/20 focus:border-custom-teal/80 appearance-none cursor-pointer hover:border-custom-teal/80 hover:shadow-md transition-all duration-200"},[...o[4]||(o[4]=[e("option",{value:""},"Select",-1),e("option",{value:"financial"},"Semua Kebutuhan",-1)])],512),[[i,u(t)]]),o[5]||(o[5]=e("div",{class:"absolute inset-y-0 right-0 flex items-center px-3 pointer-events-none"},[e("svg",{class:"w-[18px] h-[18px] text-black stroke-[3]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3",d:"M19 9l-7 7-7-7"})])],-1))]),e("div",null,[e("button",{class:"bg-[#32BCAD] w-[60px] h-[60px] rounded-full text-[28px] font-bold text-white",onClick:c}," â ")])])]))}});export{C 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.