{"version":3,"file":"Navigation.EKvB5VfH.mjs","names":[],"sources":["https:/framerusercontent.com/modules/SWiJaypnxhWLsRxg216W/0cigfdYiT2jMjxYogWbI/Navigation.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{cloneElement}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicWidth 40\n * @framerIntrinsicHeight 40\n */ export default function Navigation(props){const{border}=props;function navigate(){if(window){if(props.mode==\"back\"){window.history.back();}else{window.history.forward();}}}let button;if(props.buttonType==\"default\"){button=/*#__PURE__*/ _jsx(\"div\",{style:{width:props.buttonWidth,height:props.buttonHeight,display:\"flex\",justifyContent:\"center\",alignItems:\"center\",backgroundColor:props.fill,boxSizing:\"border-box\",...border?{borderWidth:border.widthIsMixed?`${border.widthTop}px ${border.widthRight}px ${border.widthBottom}px ${border.widthLeft}px`:`${border.width}px`,borderStyle:border.style,borderColor:border.color}:[],borderRadius:props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`,...props.style},onClick:navigate,children:/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"none\",viewBox:\"0 0 24 24\",strokeWidth:props.icon.stroke,stroke:props.icon.color,style:{width:props.icon.size,height:props.icon.size},children:/*#__PURE__*/ _jsx(\"path\",{strokeLinecap:\"round\",strokeLinejoin:\"round\",d:props.mode==\"back\"?\"M15.75 19.5L8.25 12l7.5-7.5\":\"M8.25 4.5l7.5 7.5-7.5 7.5\"})})});}else{var ref,ref1,ref2;let layer=(ref=props.custom)===null||ref===void 0?void 0:ref[0];if(layer&&(((ref1=props.style)===null||ref1===void 0?void 0:ref1.width)||((ref2=props.style)===null||ref2===void 0?void 0:ref2.height))){layer=/*#__PURE__*/ cloneElement(layer,{style:{...layer.props.style,...props.style}});}button=/*#__PURE__*/ _jsx(\"div\",{onClick:navigate,style:props.style,children:layer});}let layer1=button;if(props.effects){layer1=/*#__PURE__*/ _jsx(motion.div,{whileHover:{scale:props.effects.hoverScale},whileTap:{scale:props.effects.pressScale},initial:false,transition:props.effects.transition,style:props.style,children:button});}return layer1;};Navigation.defaultProps={radiusIsMixed:false,topLeft:0,topRight:0,bottomRight:0,bottomLeft:0};const effectsDefault={hoverScale:1.1,pressScale:.9};addPropertyControls(Navigation,{mode:{type:ControlType.Enum,defaultValue:\"back\",options:[\"back\",\"forward\"],optionTitles:[\"Back\",\"Forward\"],displaySegmentedControl:true},buttonType:{type:ControlType.Enum,defaultValue:\"default\",options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,title:\"Button\"},custom:{type:ControlType.ComponentInstance,title:\"Custom\",description:\"Use a custom button layer.\",hidden(props){return props.buttonType!==\"custom\";}},fill:{type:ControlType.Color,defaultValue:\"#EDEDED\",optional:true,hidden(props){return props.buttonType!==\"default\";}},icon:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"black\"},size:{type:ControlType.Number,defaultValue:24,min:1},stroke:{type:ControlType.Number,defaultValue:2,min:1,max:10,step:.1}},hidden(props){return props.buttonType!==\"default\";}},border:{type:ControlType.Object,optional:true,controls:{color:{type:ControlType.Color,defaultValue:\"#222\"},width:{type:ControlType.FusedNumber,defaultValue:1,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}},hidden:props=>props.buttonType!=\"default\"},radius:{type:ControlType.FusedNumber,defaultValue:0,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,hidden(props){return props.buttonType!==\"default\";}},effects:{type:ControlType.Object,defaultValue:effectsDefault,optional:true,buttonTitle:\"Hover & Press\",icon:\"effect\",controls:{hoverScale:{type:ControlType.Number,defaultValue:effectsDefault.hoverScale,min:0,step:.01,displayStepper:true},pressScale:{type:ControlType.Number,defaultValue:effectsDefault.pressScale,min:0,step:.01,displayStepper:true},transition:{type:ControlType.Transition}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Navigation\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"40\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"40\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Navigation.map"],"mappings":"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"}