@seasketch/geoprocessing
Version:
Geoprocessing and reporting framework for SeaSketch 2.0
26 lines • 1.01 kB
JavaScript
import React from "react";
export const Card = ({ children, title, style, titleStyle = {}, }) => {
const styles = {
box: {
fontFamily: "sans-serif",
borderRadius: 4,
backgroundColor: "#fff",
boxShadow: "0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12)",
padding: 16,
margin: "8px 0px",
},
title: {
fontSize: "1em",
fontWeight: 500,
color: "#6C7282",
marginBottom: 0,
marginTop: 0,
minHeight: 24,
},
};
return (React.createElement("div", { role: "region", "aria-label": typeof title === "string" ? title : "Report", style: { position: "relative", ...styles.box, ...style } },
title && title !== "" && (React.createElement("h1", { style: { ...styles.title, ...titleStyle } }, title)),
children));
};
export default Card;
//# sourceMappingURL=Card.js.map