import React from 'react';
import styled from 'styled-components';
const UmiLogo = props => (
);
const BigfishLogo = props => (
);
export { UmiLogo, BigfishLogo };
export default ({ isBigfish }) => {
const logo = isBigfish ? BigfishLogo : UmiLogo;
return styled(logo)`
position: absolute;
top: 50%;
user-select: none;
transform: ${props =>
props.open ? 'translateY(-50%) scale(0.4) rotate(45deg)' : 'translateY(-50%)'};
opacity: ${props => (props.open ? 0 : 1)};
transition: all 0.3s linear;
`;
};