import { h } from 'preact' ; import { TypedComponent } from '@/common/typings/prop-types' ; import { Wrapper , SocialLinksWrapper , CopyrightTextWrapper , SocialLink , } from './footer.styles' ; import { Text } from '@/modules/localisation/components/text' ; import { Icon } from '@/common/components/icon' ; export const Footer = ( ) => { const iconSize = 30 ; return ( < Wrapper > < CopyrightTextWrapper > < Text > footer . createdBy < /Text> < /CopyrightTextWrapper> < SocialLinksWrapper > < SocialLink href = "https://github.com/kolodziejczakM" > < Icon name = "github" width = { iconSize } height = { iconSize } / > < /SocialLink> < SocialLink href = "https://twitter.com/kolodziejczakMn" > < Icon name = "twitter" width = { iconSize } height = { iconSize } / > < /SocialLink> < /SocialLinksWrapper> < /Wrapper>); } ; interface Props { } Footer . propTypes = { } ;