@seasketch/geoprocessing/dist/src/components/table/GroupCircleRow.stories.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import Card from "../Card.js";
import { GroupCircleRow } from "./GroupCircleRow.js";
import ReportDecorator from "../storybook/ReportDecorator.js";
import { Table } from "./Table.js";
import fixtures from "../../testing/fixtures/index.js";
import { capitalize } from "../../helpers/string.js";
export default {
    component: GroupCircleRow,
    title: "Components/Table/GroupCircleRow",
    decorators: [ReportDecorator],
};
const groupColorMap = {
    high: "#BEE4BE",
    med: "#FFE1A3",
    low: "#F7A6B4",
};
export const simple = () => {
    const columns = [
        {
            Header: "Group assignments",
            accessor: (row) => (React.createElement(GroupCircleRow, { group: row.group, groupColorMap: groupColorMap, circleText: `${capitalize(row.group[0])}`, rowText: row.name })),
        },
    ];
    return (React.createElement(Card, { title: "Report Title" },
        React.createElement(Table, { columns: columns, data: fixtures.humanUse })));
};
//# sourceMappingURL=GroupCircleRow.stories.js.map