Social Media Share / Copy Link Popup

I need a lightweight, mobile-friendly popup that lets visitors quickly share the current page or copy its URL. The popup should appear when they tap or click a “Share” button I’ll place in my page template. Core requirements • Display recognizable social icons (think Facebook, X, LinkedIn, WhatsApp, Telegram, Email) alongside a clear “Copy Link” option. • One-click copy should place the canonical URL in the user’s clipboard with a visual confirmation (e.g., “Link copied”). • Opening a social icon should pre-populate the post with the correct page title, description, and image pulled from my existing Open Graph data. • Style must match my site’s color palette and respect dark mode if detected. • Code should be vanilla JavaScript (or a small React component if you prefer), clean CSS, and zero external dependencies beyond the sharing URLs themselves. Deliverables 1. Reusable HTML/JS/CSS (or React) component. 2. Brief setup notes so I can drop it into any page type—blog, product, or landing—without breaking layout. 3. A short testing checklist confirming share links, copy function, and responsiveness on major browsers and iOS/Android. If you’ve built similar widgets, a quick demo link or GIF will help me choose faster.