@seasketch/geoprocessing/dist/src/components/Circle.stories.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import Card from "./Card.js";
import { Circle, GroupCircle } from "./Circle.js";
import ReportDecorator from "./storybook/ReportDecorator.js";
export default {
    component: Circle,
    title: "Components/Circle",
    decorators: [ReportDecorator],
};
const groupColorMap = {
    high: "#BEE4BE",
    med: "#FFE1A3",
    low: "#F7A6B4",
};
export const circle = () => (React.createElement(Card, null,
    React.createElement("div", null,
        React.createElement(Circle, null, "S"),
        React.createElement(Circle, { color: "#FFE1A3", size: 30 }, "M"),
        React.createElement(Circle, { color: "#BEE4BE", size: 40 }, "L")),
    React.createElement("p", null, "GroupCircle with color map:"),
    React.createElement("p", null,
        React.createElement(GroupCircle, { groupColorMap: groupColorMap, group: "high" }, "H"),
        React.createElement(GroupCircle, { groupColorMap: groupColorMap, group: "med" }, "M"),
        React.createElement(GroupCircle, { groupColorMap: groupColorMap, group: "low" }, "L"))));
//# sourceMappingURL=Circle.stories.js.map