{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/EqB2oGdmJ81urPOd5L66/Clipboard.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback } from \"react\";\nimport { addPropertyControls, ControlType } from \"framer\";\nimport { motion } from \"framer-motion\";\nimport { defaultEvents, usePadding, useRadius, paddingControl, borderRadiusControl, fontControls, useFontControls } from \"https://framer.com/m/framer/default-utils.js@^0.45.0\"; /**\n                                                                                                                                                                                 * CLIPBOARD\n                                                                                                                                                                                 *\n                                                                                                                                                                                 * @framerIntrinsicWidth 90\n                                                                                                                                                                                 * @framerIntrinsicHeight 50\n                                                                                                                                                                                 *\n                                                                                                                                                                                 * @framerSupportedLayoutWidth any\n                                                                                                                                                                                 * @framerSupportedLayoutHeight any\n                                                                                                                                                                                 */\nexport default function Clipboard({\n  label,\n  content,\n  fill,\n  color,\n  style,\n  onClick,\n  ...props\n}) {\n  const {\n    fontFamily,\n    fontSize,\n    fontWeight\n  } = useFontControls(props);\n  const borderRadius = useRadius(props);\n  const paddingValue = usePadding(props);\n  const handleClick = useCallback(() => {\n    var ref;\n    (ref = navigator.clipboard) === null || ref === void 0 ? void 0 : ref.writeText(content);\n    onClick === null || onClick === void 0 ? void 0 : onClick();\n  }, [onClick, content]);\n  return /*#__PURE__*/_jsx(motion.button, {\n    style: {\n      border: \"none\",\n      outline: \"none\",\n      resize: \"none\",\n      width: \"max-content\",\n      wordBreak: \"break-word\",\n      overflowWrap: \"break-word\",\n      WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n      letterSpacing: \"-0.2px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      background: fill,\n      borderRadius,\n      cursor: \"pointer\",\n      padding: paddingValue,\n      fontFamily,\n      fontWeight,\n      fontSize,\n      color,\n      ...style\n    },\n    onClick: handleClick,\n    whileHover: {\n      opacity: 0.8\n    },\n    whileTap: {\n      scale: 0.9\n    },\n    transition: {\n      type: \"ease\",\n      duration: 0.3\n    },\n    ...props,\n    children: label\n  });\n}\n;\nClipboard.defaultProps = {\n  label: \"Copy to clipboard\",\n  color: \"#fff\",\n  fontSize: 16,\n  fontFamily: \"Inter\",\n  fontWeight: 500,\n  padding: 15,\n  borderRadius: 8\n};\naddPropertyControls(Clipboard, {\n  content: {\n    type: ControlType.String,\n    title: \"Content\",\n    displayTextArea: true,\n    description: \"When clicked, this content will be copied to the clipboard.\"\n  },\n  label: {\n    type: ControlType.String,\n    title: \"Label\"\n  },\n  fill: {\n    type: ControlType.Color,\n    title: \"Fill\"\n  },\n  color: {\n    type: ControlType.Color,\n    title: \"Text\"\n  },\n  ...fontControls,\n  fontSize: {\n    title: \"Font Size\",\n    type: ControlType.Number,\n    displayStepper: true,\n    defaultValue: 16\n  },\n  ...paddingControl,\n  ...borderRadiusControl,\n  ...defaultEvents\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Clipboard\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutHeight\": \"any\",\n        \"framerIntrinsicWidth\": \"90\",\n        \"framerSupportedLayoutWidth\": \"any\",\n        \"framerIntrinsicHeight\": \"50\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Clipboard.map"],
  "mappings": "mOAae,SAARA,EAA2B,CAChC,MAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAG,CACD,GAAM,CACJ,WAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAIC,EAAgBJ,CAAK,EACnBK,EAAeC,EAAUN,CAAK,EAC9BO,EAAeC,EAAWR,CAAK,EAC/BS,EAAcC,EAAY,IAAM,CACpC,IAAIC,GACHA,EAAMC,EAAU,aAAe,MAAQD,IAAQ,QAAkBA,EAAI,UAAUhB,CAAO,EACrCI,IAAQ,CAC5D,EAAG,CAACA,EAASJ,CAAO,CAAC,EACrB,OAAoBkB,EAAKC,EAAO,OAAQ,CACtC,MAAO,CACL,OAAQ,OACR,QAAS,OACT,OAAQ,OACR,MAAO,cACP,UAAW,aACX,aAAc,aACd,wBAAyB,mBACzB,cAAe,SACf,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,WAAYlB,EACZ,aAAAS,EACA,OAAQ,UACR,QAASE,EACT,WAAAN,EACA,WAAAE,EACA,SAAAD,EACA,MAAAL,EACA,GAAGC,CACL,EACA,QAASW,EACT,WAAY,CACV,QAAS,EACX,EACA,SAAU,CACR,MAAO,EACT,EACA,WAAY,CACV,KAAM,OACN,SAAU,EACZ,EACA,GAAGT,EACH,SAAUN,CACZ,CAAC,CACH,CAEAD,EAAU,aAAe,CACvB,MAAO,oBACP,MAAO,OACP,SAAU,GACV,WAAY,QACZ,WAAY,IACZ,QAAS,GACT,aAAc,CAChB,EACAsB,EAAoBtB,EAAW,CAC7B,QAAS,CACP,KAAMuB,EAAY,OAClB,MAAO,UACP,gBAAiB,GACjB,YAAa,6DACf,EACA,MAAO,CACL,KAAMA,EAAY,OAClB,MAAO,OACT,EACA,KAAM,CACJ,KAAMA,EAAY,MAClB,MAAO,MACT,EACA,MAAO,CACL,KAAMA,EAAY,MAClB,MAAO,MACT,EACA,GAAGC,EACH,SAAU,CACR,MAAO,YACP,KAAMD,EAAY,OAClB,eAAgB,GAChB,aAAc,EAChB,EACA,GAAGE,EACH,GAAGC,EACH,GAAGC,CACL,CAAC",
  "names": ["Clipboard", "label", "content", "fill", "color", "style", "onClick", "props", "fontFamily", "fontSize", "fontWeight", "useFontControls", "borderRadius", "useRadius", "paddingValue", "usePadding", "handleClick", "te", "ref", "navigator", "p", "motion", "addPropertyControls", "ControlType", "fontControls", "paddingControl", "borderRadiusControl", "defaultEvents"]
}