import * as React from "react" ; import { Link } from "@webiny/react-router" ; import { ReactComponent as FacebookIcon } from "./assets/facebook-square-brands.svg" ; import { ReactComponent as TwitterIcon } from "./assets/twitter-square-brands.svg" ; import { ReactComponent as InstagramIcon } from "./assets/instagram-brands.svg" ; import { PbPageData } from "@webiny/app-page-builder/types" ; type FooterProps = { settings : Record < string , any > ; page : PbPageData ; } ; const Footer = ( { settings } ) => { const { name , logo , social } = settings ; return ( < div className = { "webiny-pb-section-footer" } data - testid = { "pb-footer" } > < div className = "webiny-pb-section-footer__wrapper" > < div className = { "webiny-pb-section-footer__logo" } > < Link to = "/" > { logo && logo . src && < img src = { logo . src } alt = { name } / > } < /Link> < div className = { "webiny-pb-section-footer__copy webiny-pb-typography-description" } > { name } © { new Date ( ) . getFullYear ( ) } < /div> < /div> { social && ( < div className = { "webiny-pb-section-footer__social" } > { social . facebook && ( < a href = { social . facebook } > < FacebookIcon /> < /a>)} { social . twitter && ( < a href = { social . twitter } > < TwitterIcon /> < /a>)} { social . instagram && ( < a href = { social . instagram } > < InstagramIcon /> < /a>)} < /div>)} < /div> < /div>); } ; export default Footer ;