parent
d95fdf8517
commit
fd7cd49790
@ -0,0 +1,36 @@ |
||||
import React from "react"; |
||||
import PropTypes from "prop-types"; |
||||
import Styled from "rsg-components/Styled"; |
||||
import logo from "./logo.svg"; |
||||
|
||||
const styles = ({ fontFamily }) => ({ |
||||
logo: { |
||||
display: "flex", |
||||
alignItems: "center", |
||||
margin: 0, |
||||
fontFamily: fontFamily.base, |
||||
fontSize: 18, |
||||
fontWeight: "normal", |
||||
}, |
||||
image: { |
||||
height: "1.3em", |
||||
marginLeft: "-0.2em", |
||||
marginRight: "0.2em", |
||||
}, |
||||
}); |
||||
|
||||
export function LogoRenderer({ classes, children }) { |
||||
return ( |
||||
<h1 className={classes.logo}> |
||||
<img className={classes.image} src={logo} alt="React logo" /> |
||||
{children} |
||||
</h1> |
||||
); |
||||
} |
||||
|
||||
LogoRenderer.propTypes = { |
||||
classes: PropTypes.object.isRequired, |
||||
children: PropTypes.node, |
||||
}; |
||||
|
||||
export default Styled(styles)(LogoRenderer); |
After Width: | Height: | Size: 349 B |
Loading…
Reference in new issue