{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/5DTMMRPRpOJIWFQ8dM2s/m1G04Ytltn3LsmRgfaAt/Download_button.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Download(props){const[bloblUrl,setBlobUrl]=useState(null);const[isHovered,setIsHovered]=useState(false);const{fileName,title,tint,hoverTint,style,file,radius,topLeftRadius,topRightRadius,bottomRightRadius,bottomLeftRadius,isMixedRadius=false,stylePadding,topLeftPadding,topRightPadding,bottomRightPadding,bottomLeftPadding,isMixedPadding=false,font}=props;const borderRadius=isMixedRadius?`${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px`:`${radius}px`;const padding=isMixedPadding?`${topLeftPadding}px ${topRightPadding}px ${bottomRightPadding}px ${bottomLeftPadding}px`:`${stylePadding}px`;const handleClick=async()=>{const response=await fetch(props.file);const blob=await response.blob();const blobUrl=URL.createObjectURL(blob);setBlobUrl(blobUrl);};useEffect(()=>{handleClick();},[]);return /*#__PURE__*/_jsx(motion.div,{style:{...style,...containerStyle},children:/*#__PURE__*/_jsx(motion.div,{style:{borderRadius,padding,backgroundColor:isHovered?hoverTint:tint,fontSize:font.size,fontWeight:font.weight,color:font.color,fontFamily:\"Europa-Bold Bold\",overflow:\"visible\",width:\"100%\",textAlign:\"center\"},onHoverStart:()=>setIsHovered(true),onHoverEnd:()=>setIsHovered(false),animate:{backgroundColor:isHovered?hoverTint:tint},transition:{duration:.3,ease:\"easeInOut\"},children:/*#__PURE__*/_jsx(\"a\",{href:bloblUrl,style:{textDecoration:\"none\",color:font.color,textAlign:\"center\"},download:fileName,children:title})})});}addPropertyControls(Download,{fileName:{type:ControlType.String,defaultValue:\"File\"},tint:{title:\"Background Color\",type:ControlType.Color,defaultValue:\"#242424\"},hoverTint:{// New property control for hover color\ntitle:\"Hover Background Color\",type:ControlType.Color,defaultValue:\"#1a1a1a\"},title:{title:\"Label\",type:ControlType.String,defaultValue:\"Download!\"},font:{type:ControlType.Object,controls:{fontFace:{type:ControlType.String,defaultValue:\"Inter\"},size:{type:ControlType.Number,defaultValue:18},color:{type:ControlType.Color,defaultValue:\"#fff\"},weight:{type:ControlType.Enum,defaultValue:\"bold\",options:[\"normal\",\"bold\",\"bolder\",\"lighter\"]}}},file:{title:\"File\",type:ControlType.File,allowedFileTypes:[]},radius:{type:ControlType.FusedNumber,title:\"Radius\",defaultValue:8,toggleKey:\"isMixedRadius\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeftRadius\",\"topRightRadius\",\"bottomRightRadius\",\"bottomLeftRadius\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},stylePadding:{type:ControlType.FusedNumber,title:\"Padding\",defaultValue:16,toggleKey:\"isMixedPadding\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeftPadding\",\"topRightPadding\",\"bottomRightPadding\",\"bottomLeftPadding\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}});const containerStyle={display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"visible\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Download\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Download_button.map"],
  "mappings": "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",
  "names": ["Download", "props", "bloblUrl", "setBlobUrl", "ye", "isHovered", "setIsHovered", "fileName", "title", "tint", "hoverTint", "style", "file", "radius", "topLeftRadius", "topRightRadius", "bottomRightRadius", "bottomLeftRadius", "isMixedRadius", "stylePadding", "topLeftPadding", "topRightPadding", "bottomRightPadding", "bottomLeftPadding", "isMixedPadding", "font", "borderRadius", "padding", "handleClick", "blob", "blobUrl", "ue", "p", "motion", "containerStyle", "addPropertyControls", "ControlType"]
}