mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-28 05:58:12 +08:00
Bruce Martin
f9f43c42c0
* more lint * fix typo introduced in delinting * more lint * remove dead code * lint fixes * lint
31 lines
661 B
JavaScript
31 lines
661 B
JavaScript
import React from "react";
|
|
import getContrast from "font-color-contrast"; // https://www.npmjs.com/package/font-color-contrast
|
|
|
|
const HeatmapSquare = props => {
|
|
const { backgroundColor, text } = props;
|
|
const contrastColor = getContrast(
|
|
backgroundColor
|
|
.substring(4, backgroundColor.length - 1)
|
|
.replace(/ /g, "")
|
|
.split(",")
|
|
);
|
|
return (
|
|
<p
|
|
style={{
|
|
padding: "12px 6px",
|
|
textAlign: "center",
|
|
color: contrastColor,
|
|
width: 40,
|
|
flexShrink: 0,
|
|
fontSize: 12,
|
|
margin: 0,
|
|
backgroundColor
|
|
}}
|
|
>
|
|
{text}
|
|
</p>
|
|
);
|
|
};
|
|
|
|
export default HeatmapSquare;
|