synapse-react-client/dist/components/TimelinePlot/TimelineLegendItem.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as p, jsx as e } from "react/jsx-runtime";
import { Box as r } from "@mui/system";
import { Typography as i } from "@mui/material";
const x = ({
  color: o,
  phaseName: t
}) => /* @__PURE__ */ p(r, { sx: { display: "flex", alignItems: "center", gap: "7px" }, children: [
  /* @__PURE__ */ e(
    r,
    {
      sx: {
        backgroundColor: o,
        width: "20px",
        height: "20px"
      }
    }
  ),
  /* @__PURE__ */ e(i, { variant: "body1", children: t?.toUpperCase() })
] });
export {
  x as default
};
//# sourceMappingURL=TimelineLegendItem.js.map