mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-12-24 00:01:36 +01:00
37 lines
843 B
JavaScript
37 lines
843 B
JavaScript
|
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);
|