@seasketch/geoprocessing/dist/src/rbcs/components/PointyCircle.stories.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { PointyCircle, TwoColorPointyCircle } from "./PointyCircle.js";
import { ReportDecorator, CardDecorator, } from "../../components/storybook/index.js";
export default {
    component: PointyCircle,
    title: "Components/Rbcs/PointyCircle",
    decorators: [CardDecorator, ReportDecorator],
};
export const simple = () => (React.createElement(React.Fragment, null,
    React.createElement(PointyCircle, null, "5"),
    React.createElement(PointyCircle, { color: "red" }, "R"),
    React.createElement(PointyCircle, { color: "blue" }, "B")));
export const twoColor = () => (React.createElement(React.Fragment, null,
    React.createElement(TwoColorPointyCircle, { perc: 0 }, "0"),
    React.createElement(TwoColorPointyCircle, { perc: 50 }, "50"),
    React.createElement(TwoColorPointyCircle, { perc: 100 }, "100"),
    React.createElement(TwoColorPointyCircle, { topColor: "red", bottomColor: "blue", perc: 20 }, "20"),
    React.createElement(TwoColorPointyCircle, { topColor: "red", bottomColor: "blue", perc: 60 }, "60")));
//# sourceMappingURL=PointyCircle.stories.js.map