import React, { ComponentType } from 'react' import styled, { css, SimpleInterpolation } from 'styled-components' import { Colors, getColor } from '@monorail/helpers/exports' import { CommonComponentType } from '@monorail/types' const LogoSvg = styled.svg( ({ cssOverrides }) => css` height: 100%; width: auto; ${cssOverrides}; `, ) export const SimSpaceLogo: ComponentType<{ background?: Colors.BrandDarkBlue | Colors.BrandLightBlue cssOverrides?: SimpleInterpolation className?: string }> = ({ background, ...otherProps }) => { let primaryColor let secondaryColor if (!background) { primaryColor = Colors.BrandDarkBlue secondaryColor = Colors.BrandLightBlue } else if (background === Colors.BrandDarkBlue) { primaryColor = Colors.White secondaryColor = Colors.BrandLightBlue } else { primaryColor = Colors.White secondaryColor = Colors.BrandDarkBlue } return ( ) } export const SimSpaceLogoMark: ComponentType<{ background?: Colors.BrandDarkBlue | Colors.BrandLightBlue cssOverrides?: SimpleInterpolation }> = ({ background, children, ...otherProps }) => { let primaryColor let secondaryColor if (!background) { primaryColor = Colors.BrandDarkBlue secondaryColor = Colors.BrandLightBlue } else if (background === Colors.BrandDarkBlue) { primaryColor = Colors.White secondaryColor = Colors.BrandLightBlue } else { primaryColor = Colors.White secondaryColor = Colors.BrandDarkBlue } return ( {children} ) } export const SimSpaceLogoFlat: ComponentType<{ background?: Colors.BrandDarkBlue | Colors.BrandLightBlue cssOverrides?: SimpleInterpolation }> = ({ background, ...otherProps }) => { let primaryColor if (!background) { primaryColor = Colors.BrandLightBlue } else if (background === Colors.BrandDarkBlue) { primaryColor = Colors.BrandLightBlue } else { primaryColor = Colors.BrandDarkBlue } return ( ) } export const PCTELogoMark: ComponentType<{ cssOverrides?: SimpleInterpolation }> = ({ children, ...props }) => ( {children}