{"version":3,"file":"ProjectNav.CN3Xzzeq.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/lPlXIHYChi6waXc5zy3M/gQyH59WZjIdhpn7RP3yt/ProjectNav.js"],"sourcesContent":["/**\n * ProjectNav — Premium project navigatie\n * Stel titel en foto in via rechterpaneel, pas aan per breakpoint.\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function ProjectNav({prevLabel=\"Villa Renovatie\",prevUrl=\"/realisaties/villa-renovatie\",prevImage=\"https://framerusercontent.com/images/C0XjbF45afg8WmD3aIGtGjLL1sY.jpg\",nextLabel=\"Badkamer inloopdouche\",nextUrl=\"/realisaties/badkamer-inloopdouche\",nextImage=\"https://framerusercontent.com/images/xsiurZMrnTOHLdXlmkKATqvxPg.png\",titleSize=38,labelSize=12,imageWidth=140,imageHeight=90,imageRadius=4,navPadding=40,gap=28,stackOnMobile=true}){const sideBase={flex:1,display:\"flex\",alignItems:\"center\",gap,padding:`${navPadding}px ${navPadding+16}px`,textDecoration:\"none\",transition:\"background-color 0.3s ease\",boxSizing:\"border-box\",overflow:\"hidden\"};const imgBase={flexShrink:0,width:imageWidth,height:imageHeight,objectFit:\"cover\",borderRadius:imageRadius,display:\"block\"};const labelBase={fontFamily:\"Inter, sans-serif\",fontSize:labelSize,fontWeight:600,letterSpacing:\"0.09em\",textTransform:\"uppercase\",color:\"rgba(43,43,43,0.45)\",margin:`0 0 8px 0`};const titleBase={fontFamily:\"Playfair Display, Georgia, serif\",fontSize:titleSize,fontWeight:500,color:\"rgb(30,30,30)\",margin:0,lineHeight:1.15,letterSpacing:\"-0.02em\"};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .pnav-thumb { transition: transform 0.5s cubic-bezier(0.22,1,0.36,1); }\n                .pnav-prev:hover .pnav-thumb,\n                .pnav-next:hover .pnav-thumb { transform: scale(1.04); }\n                .pnav-prev:hover,\n                .pnav-next:hover { background-color: rgb(224,220,212) !important; }\n\n                @media (max-width: 680px) {\n                    .pnav-mobile-stack {\n                        flex-direction: column !important;\n                    }\n                    .pnav-mobile-stack .pnav-prev,\n                    .pnav-mobile-stack .pnav-next {\n                        flex-direction: column !important;\n                        align-items: flex-start !important;\n                        height: auto !important;\n                    }\n                    .pnav-mobile-stack .pnav-thumb {\n                        width: 100% !important;\n                        height: auto !important;\n                        aspect-ratio: 16/9 !important;\n                    }\n                    .pnav-mobile-stack .pnav-divider-v { display: none !important; }\n                    .pnav-mobile-stack .pnav-divider-h { display: block !important; }\n                    .pnav-mobile-stack .pnav-text-right { text-align: left !important; }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:stackOnMobile?\"pnav-mobile-stack\":\"\",style:{width:\"100%\",display:\"flex\",flexDirection:\"row\",alignItems:\"stretch\",backgroundColor:\"rgb(232,228,220)\"},children:[/*#__PURE__*/_jsxs(\"a\",{href:prevUrl,className:\"pnav-prev\",style:{...sideBase,flexDirection:\"row\"},children:[prevImage&&/*#__PURE__*/_jsx(\"img\",{src:prevImage,className:\"pnav-thumb\",style:imgBase,alt:prevLabel}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"p\",{style:labelBase,children:\"← Vorig project\"}),/*#__PURE__*/_jsx(\"p\",{style:titleBase,children:prevLabel})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"pnav-divider-v\",style:{width:1,alignSelf:\"stretch\",backgroundColor:\"rgb(210,206,198)\",flexShrink:0}}),/*#__PURE__*/_jsx(\"div\",{className:\"pnav-divider-h\",style:{display:\"none\",height:1,width:\"100%\",backgroundColor:\"rgb(210,206,198)\"}}),/*#__PURE__*/_jsxs(\"a\",{href:nextUrl,className:\"pnav-next\",style:{...sideBase,flexDirection:\"row-reverse\"},children:[nextImage&&/*#__PURE__*/_jsx(\"img\",{src:nextImage,className:\"pnav-thumb\",style:imgBase,alt:nextLabel}),/*#__PURE__*/_jsxs(\"div\",{className:\"pnav-text-right\",style:{textAlign:\"right\"},children:[/*#__PURE__*/_jsx(\"p\",{style:labelBase,children:\"Volgend project →\"}),/*#__PURE__*/_jsx(\"p\",{style:titleBase,children:nextLabel})]})]})]})]});}ProjectNav.displayName=\"Project Navigatie\";addPropertyControls(ProjectNav,{prevLabel:{type:ControlType.String,title:\"← Vorig naam\",defaultValue:\"Villa Renovatie\"},prevUrl:{type:ControlType.String,title:\"← Vorig URL\",defaultValue:\"/realisaties/villa-renovatie\"},prevImage:{type:ControlType.Image,title:\"← Vorig foto\"},nextLabel:{type:ControlType.String,title:\"Volgend naam →\",defaultValue:\"Badkamer inloopdouche\"},nextUrl:{type:ControlType.String,title:\"Volgend URL →\",defaultValue:\"/realisaties/badkamer-inloopdouche\"},nextImage:{type:ControlType.Image,title:\"Volgend foto →\"},titleSize:{type:ControlType.Number,title:\"Titel (px)\",defaultValue:38,min:14,max:56,step:1,displayStepper:true},labelSize:{type:ControlType.Number,title:\"Label (px)\",defaultValue:12,min:8,max:16,step:1,displayStepper:true},imageWidth:{type:ControlType.Number,title:\"Foto breedte\",defaultValue:140,min:40,max:280,step:4,displayStepper:true},imageHeight:{type:ControlType.Number,title:\"Foto hoogte\",defaultValue:90,min:40,max:200,step:4,displayStepper:true},imageRadius:{type:ControlType.Number,title:\"Foto radius\",defaultValue:4,min:0,max:20,step:2,displayStepper:true},navPadding:{type:ControlType.Number,title:\"Padding\",defaultValue:40,min:12,max:80,step:4,displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:28,min:8,max:60,step:4,displayStepper:true},stackOnMobile:{type:ControlType.Boolean,title:\"Stapelen op mobiel\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectNav\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProjectNav.map"],"mappings":"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"}