import React from 'react'
import { FaTelegramPlane } from "@react-icons/all-files/fa/FaTelegramPlane";
import { FaVk } from "@react-icons/all-files/fa/FaVk";
import { FaYoutube } from "@react-icons/all-files/fa/FaYoutube";

const Social = () => {
    return (
        <div className="flex items-center">
            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl mr-4'><FaTelegramPlane/></a>
            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl mr-4'><FaVk/></a>
            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl'><FaYoutube/></a>
        </div>
    )
}

export default Social;