{"version":3,"file":"Emailbutton.E2vSF-bo.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/4gDQtILDEDymJbi7XIvF/eJTtnOpNyliUYbl3bzWO/Emailbutton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const PRESETS={\"401k\":{subject:\"Getting a fossil-free 401(k) option\",body:`Dear 401(k) provider,\n\nCan you please add a climate-friendly, and in particular fossil fuel-free, option to our 401(k) lineup? We would like to offer our employees a low-cost climate-friendly investment option so that they can choose to avoid the outsized risk and volatility associated with the fossil fuel sector.\n\nI recommend a few resources that can help you review good options:\n\n- fossilfreefunds.org - a website that provides visibility into how much fossil fuel company exposure mutual funds have. It is searchable by ticker. This website is run by the non-profit organization As You Sow.\n\n- oursphere.org - the website of a public benefit corporation that provides financial products that are designed to make it easy for companies to offer climate-friendly investment options.\n\nPlease let me know what the next steps are.\n\nBest,`},hr:{subject:\"Getting a climate-friendly 401(k) option\",body:`Dear Benefits Manager,\n\nCan we please add a climate-friendly investment option to our 401(k) line-up? I'd like an option to invest our retirement savings without investing in fossil fuel companies, and to have the shares I own voted for a positive climate future. The inclusion of fossil fuel companies in our current plan options adds unnecessary risk and volatility to our holdings from a purely financial perspective.\n\nIn particular, the Sphere 500 Climate Fund (SPFFX) is an affordable option that avoids fossil fuels and major contributors to deforestation. When the ~415 companies it invests in have shareholder votes related to climate change, the fund votes in the long-term economic best interest of shareholders, which aligns with taking climate action.\n\nThe Department of Labor enacted new rules at the end of January making it clear that climate-friendly investing is allowed in 401(k)s, and saying that employee preferences can be taken into account when choosing investment options for plan lineups. This may be a good time to revisit our investment options, given what a mission-driven company we are.\n\nBest,`}};export default function SphereEmailButtons(props){const{preset=\"401k\",emailButtonLabel=\"Email now\",copyButtonLabel=\"Copy text\",copiedLabel=\"Copied!\",primaryColor=\"#1E2D5A\",secondaryColor=\"#ffffff\",textColor=\"#ffffff\",secondaryTextColor=\"#1E2D5A\",secondaryBorderColor=\"#1E2D5A\",fontSize=14,borderRadius=100,gap=12}=props;const[copied,setCopied]=useState(false);// Use preset values unless \"custom\" is selected\nconst subject=preset!==\"custom\"?PRESETS[preset].subject:props.subject;const body=preset!==\"custom\"?PRESETS[preset].body:props.body;const mailtoHref=`mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;function handleCopy(){navigator.clipboard.writeText(body).then(()=>{setCopied(true);setTimeout(()=>setCopied(false),2e3);});}const baseBtn={display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"10px 24px\",borderRadius:borderRadius,fontSize:fontSize,fontWeight:600,fontFamily:\"'S\\xf6hne', 'Helvetica Neue', Arial, sans-serif\",cursor:\"pointer\",transition:\"opacity 0.15s ease\",textDecoration:\"none\",whiteSpace:\"nowrap\",lineHeight:1.4};const primaryBtn={...baseBtn,border:\"2px solid \"+primaryColor,background:primaryColor,color:textColor};const secondaryBtn={...baseBtn,border:\"2px solid \"+secondaryBorderColor,background:secondaryColor,color:secondaryTextColor};return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\",gap:gap,alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"a\",{href:mailtoHref,style:primaryBtn,onMouseEnter:e=>e.currentTarget.style.opacity=\"0.85\",onMouseLeave:e=>e.currentTarget.style.opacity=\"1\",children:emailButtonLabel}),/*#__PURE__*/_jsx(\"button\",{onClick:handleCopy,style:{...secondaryBtn,color:copied?secondaryBorderColor:secondaryTextColor},onMouseEnter:e=>e.currentTarget.style.opacity=\"0.75\",onMouseLeave:e=>e.currentTarget.style.opacity=\"1\",children:copied?copiedLabel:copyButtonLabel})]});}addPropertyControls(SphereEmailButtons,{preset:{type:ControlType.Enum,title:\"Page\",options:[\"401k\",\"hr\",\"custom\"],optionTitles:[\"401k Provider\",\"Email HR\",\"Custom\"],defaultValue:\"401k\"},subject:{type:ControlType.String,title:\"Subject\",defaultValue:\"\",hidden:props=>props.preset!==\"custom\"},body:{type:ControlType.String,title:\"Body\",displayTextArea:true,defaultValue:\"\",hidden:props=>props.preset!==\"custom\"},emailButtonLabel:{type:ControlType.String,title:\"Email Button\",defaultValue:\"Email now\"},copyButtonLabel:{type:ControlType.String,title:\"Copy Button\",defaultValue:\"Copy text\"},copiedLabel:{type:ControlType.String,title:\"Copied Label\",defaultValue:\"Copied!\"},primaryColor:{type:ControlType.Color,title:\"Primary Color\",defaultValue:\"#1E2D5A\"},secondaryColor:{type:ControlType.Color,title:\"Secondary Color\",defaultValue:\"#ffffff\"},textColor:{type:ControlType.Color,title:\"Text (Primary)\",defaultValue:\"#ffffff\"},secondaryTextColor:{type:ControlType.Color,title:\"Text (Secondary)\",defaultValue:\"#1E2D5A\"},secondaryBorderColor:{type:ControlType.Color,title:\"Border (Secondary)\",defaultValue:\"#1E2D5A\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:14,min:10,max:24,step:1,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:100,min:0,max:100,step:1,displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:12,min:0,max:48,step:1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SphereEmailButtons\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Emailbutton.map"],"mappings":"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"}