import React from "react" import PropTypes from "prop-types" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" import { faCode } from "@fortawesome/free-solid-svg-icons" const getLogoStyle = (size, color) => { const fontSize = size + "px" const padding = size * 0.1 + "px" const borderSize = size * 0.1 + "px" return { border: borderSize + " solid", borderRadius: "10000px", color: color, padding: padding, fontSize: fontSize, } } const Logo = ({ size, color }) => { let logoStyle = getLogoStyle(size, color) return ( <span style={logoStyle}> <FontAwesomeIcon icon={faCode}></FontAwesomeIcon> </span> ) } Logo.propTypes = { size: PropTypes.number, color: PropTypes.string, } Logo.defaultProps = { size: 25, color: "#ffa62b", } export default Logo