import React from "react";
import { makeStyles } from "@material-ui/core";

const useStyles = makeStyles(() => ({
  root: {
    paddingLeft: 2,
    paddingRight: 2,
    color: "#1a1a1a",
    fontFamily: "Inconsolata, Monaco, Consolas, Courier New, Courier, monospace",
    fontSize: ".9rem",
    backgroundColor: "rgb(255,229,100)",
  },
}));

function CodeInline(props) {
  const classes = useStyles();

  return <code className={classes.root} {...props} />;
}

export default CodeInline;
