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

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { ReportDecorator, CardDecorator, } from "../../components/storybook/index.js";
import { RbcsMpaClassPanel } from "./RbcsMpaClassPanel.js";
import { getMpaClassificationName } from "../helpers.js";
export default {
    component: RbcsMpaClassPanel,
    title: "Components/Rbcs/RbcsMpaClassPanel",
    decorators: [CardDecorator, ReportDecorator],
};
const values = [1.25, 2.35, 3.65, 4.15, 5.85, 6.35, 7.15];
export const simple = () => (React.createElement(React.Fragment, null, values.map((value, index) => (React.createElement("div", { key: index },
    React.createElement("p", null,
        "If MPA has index value: ",
        value),
    React.createElement(RbcsMpaClassPanel, { value: value, displayName: getMpaClassificationName(value) }))))));
//# sourceMappingURL=RbcsMpaClassPanel.stories.js.map