import { h } from 'preact' import { bool, string } from 'prop-types' import styled from 'styled-components' import { colours } from '../../assets/theme' import LogoBird from '../../../static/logo.png' const Logo = ({ colour = colours.offwhite, ...rest }) => ( ) const LogoSvg = styled.svg` height: ${props => (props.$size === 'lg' ? '60px' : '32px')}; ` Logo.propTypes = { colour: string, active: bool, } export const NdcLogo = ({ colour = colours.offwhite, ...rest }) => ( ) export const RFLogo = ({ colour = colours.offwhite, ...rest }) => ( ) const Img = styled.img` mix-blend-mode: exclusion; ` export const ImageLogo = (props) => {props.alt} export default Logo