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

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import Card from "./Card.js";
import { Skeleton } from "./Skeleton.js";
import ReportDecorator from "./storybook/ReportDecorator.js";
export default {
    component: Skeleton,
    title: "Components/Skeleton",
    decorators: [ReportDecorator],
};
export const small = () => (React.createElement(Card, null,
    React.createElement(Skeleton, null)));
export const larger = () => (React.createElement(Card, null,
    React.createElement(Skeleton, null),
    React.createElement(Skeleton, null),
    React.createElement(Skeleton, null),
    React.createElement(Skeleton, null),
    React.createElement(Skeleton, null)));
export const custom = () => (React.createElement(Card, null,
    React.createElement("div", null,
        React.createElement(Skeleton, { style: { width: "100%", height: "130px" } }),
        React.createElement(Skeleton, null),
        React.createElement(Skeleton, null),
        React.createElement(Skeleton, { style: { width: "50%" } }))));
//# sourceMappingURL=Skeleton.stories.js.map