@coder/backstage-plugin-coder/dist/components/InlineCodeSnippet/InlineCodeSnippet.esm.js

Create and manage Coder workspaces from Backstage

import { jsx } from 'react/jsx-runtime';
import { makeStyles } from '@material-ui/core';

const useStyles = makeStyles((theme) => ({
  root: {
    fontSize: theme.typography.body2.fontSize,
    color: theme.palette.text.primary,
    borderRadius: theme.spacing(0.5),
    padding: `${theme.spacing(0.2)}px ${theme.spacing(1)}px`,
    backgroundColor: () => {
      const isLightTheme = theme.palette.type === "light";
      return isLightTheme ? "hsl(0deg,0%,93%)" : theme.palette.background.default;
    }
  }
}));
function InlineCodeSnippet({ children, ...delegatedProps }) {
  const styles = useStyles();
  return /* @__PURE__ */ jsx("code", { className: styles.root, ...delegatedProps, children });
}

export { InlineCodeSnippet };
//# sourceMappingURL=InlineCodeSnippet.esm.js.map