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.