Styled Icon Button - Copy this React, Mui Component to your project

“Create a UI mockup for a social media sharing feature that enables users to share automatically generated short links to various platforms. The design must align with modern standards and ensure ease of use for publishers. Mockup Details: 1. Placement: • Add social media share icons to the Deep Linking Page near the generated short link. • Add similar icons to the Bookmarklet UI. 2. Icons: • Display icons for the following platforms: Facebook, Twitter (X), LinkedIn, WhatsApp, and Pinterest. 3. Functionality: • Each icon must represent a one click share action that opens a pop up or new tab with the platform’s share screen. • Automatically populate the shortened URL in the share field. 4. Visual Style: • Follow Material Design principles for modern aesthetics. • Include subtle hover effects for icons. 5. Short Link Integration: • Incorporate automatically generated short links (e.g., https://fxo.co/lqg4). • Ensure the layout accommodates short link display with social media icons nearby. Provide the mockups for both desktop views (for the Deep Linking Page) and compact views (for the Bookmarklet UI).