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

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { SimpleButton } from "./SimpleButton.js";
import Dropdown from "./Dropdown.js";
import ReportDecorator from "./storybook/ReportDecorator.js";
import { ThreeDotsVertical } from "@styled-icons/bootstrap";
export default {
    component: Dropdown,
    title: "Components/Dropdown",
    decorators: [ReportDecorator],
};
export const dropdown = () => {
    return (React.createElement(Dropdown, { titleElement: React.createElement(ThreeDotsVertical, { size: 18, color: "#999" }) },
        React.createElement("a", { href: "https://seasketch.org", target: "_blank", rel: "noreferrer" },
            React.createElement(SimpleButton, null, "\u27A5 Item 1")),
        React.createElement("a", { href: "https://seasketch.org", target: "_blank", rel: "noreferrer" },
            React.createElement(SimpleButton, null, "\u27A5 Item 2"))));
};
//# sourceMappingURL=Dropdown.stories.js.map