19 lines
673 B
TypeScript
19 lines
673 B
TypeScript
|
import React from 'react'
|
||
|
|
import { IoLogoWhatsapp } from "react-icons/io";
|
||
|
|
import { SettingsProps } from '@/types';
|
||
|
|
const Whatsapp = ({ settings }: { settings: SettingsProps }) => {
|
||
|
|
return (
|
||
|
|
<div className=" relative">
|
||
|
|
<button className=" z-20 text-white flex flex-col shrink-0 grow-0 justify-around
|
||
|
|
fixed bottom-0 right-0 right-5 rounded-lg
|
||
|
|
mr-1 mb-5 lg:mr-5 lg:mb-5 xl:mr-10 xl:mb-10"
|
||
|
|
onClick={()=>window.open(`https://wa.me/${settings.whatsapp}`)}>
|
||
|
|
<IoLogoWhatsapp size={50} className='text-[#D60050]'/>
|
||
|
|
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Whatsapp
|