import { FcGoogle } from 'react-icons/fc' ; import { FaFacebook } from 'react-icons/fa' ; import { SiLinkedin , SiMessenger } from 'react-icons/si' ; import { Box , Button , Center , Stack , Text } from '@chakra-ui/react' ; export default function All ( ) { return ( < Center p = { 8 } > < Stack spacing = { 2 } align = { 'center' } maxW = { 'md' } w = { 'full' } > { } < Button w = { 'full' } colorScheme = { 'facebook' } leftIcon = { < FaFacebook / > } > < Center > < Text > Continue with Facebook < /Text> < /Center> < /Button> { } < Button w = { 'full' } variant = { 'outline' } leftIcon = { < FcGoogle / > } > < Center > < Text > Sign in with Google < /Text> < /Center> < /Button> { } < Button w = { 'full' } colorScheme = { 'messenger' } leftIcon = { < SiLinkedin / > } > < Center > < Text > Send to Linkedin < /Text> < /Center> < /Button> { } < Button w = { 'full' } colorScheme = { 'messenger' } leftIcon = { < SiMessenger / > } > < Center > < Text > Send to Messenger < /Text> < /Center> < /Button> < /Stack> < /Center>); }