43 lines
986 B
React
43 lines
986 B
React
'use client'
|
|
|
|
import React, { useState } from "react";
|
|
|
|
const SocialShare = () => {
|
|
const [click, setClick] = useState(false);
|
|
const handleClick = () => setClick(!click);
|
|
|
|
return (
|
|
<div className="share-dropdown mt-20 position-relative">
|
|
<button
|
|
className="btn dropdown-toggle"
|
|
type="button"
|
|
onClick={handleClick}
|
|
>
|
|
Share
|
|
</button>
|
|
|
|
<div className={click ? "dropdown-menu show" : "dropdown-menu"}>
|
|
<ul className="d-flex justify-content-between social-icon style-none">
|
|
<li>
|
|
<a href="#">
|
|
<i className="fa fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fa fa-instagram"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fa fa-pinterest"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SocialShare;
|