@seasketch/geoprocessing/dist/src/components/storybook/ReportStoryLayout.d.ts

Geoprocessing and reporting framework for SeaSketch 2.0

import React, { ReactNode } from "react";
import { ReportContextValue } from "../../context/index.js";
export interface ReportStoryLayoutProps {
    children: ReactNode;
    /** Optional ReportContext partial to merge */
    value?: Partial<ReportContextValue>;
}
/**
 * Wraps a story to look and behave like a sketch report
 * It also replicates much of the functionality of App.tx like setting text
 * direction and loading ReportContext.
 * The context value can be added to or overridden by passing a value prop
 * Layout includes a language switcher (connected to the report context)
 * and a report width selector
 * The caller must wrap the story in a Translator component to provide translations
 */
export declare const ReportStoryLayout: React.FunctionComponent<ReportStoryLayoutProps>;