alouette/dist/definitions/ui/forms/FormEditableSection.stories.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { StoryObj } from "@storybook/react-vite";
import { type ReactNode } from "react";
import type { EditableSectionProps } from "../containers/EditableSection";
import { type FormEditableSectionProps } from "./FormEditableSection";
interface EventFormValues {
    date: string;
    notes: string;
}
interface EventSectionProps extends Partial<Pick<FormEditableSectionProps<EventFormValues>, "accent" | "className" | "details" | "disabled" | "editIconVariant" | "modalSize" | "modalTitle" | "title">> {
    editAriaLabel?: string;
    editIcon?: EditableSectionProps["editIcon"];
    initialDate?: string;
    initialNotes?: string;
    /** Makes onSubmit reject, so the modal stays open on the error. */
    failing?: boolean;
}
/**
 * Stateful demo: the saved values drive the body, so the play function can tell
 * a discarded edit from a saved one by reading the section.
 */
declare function EventSection({ title, editAriaLabel, initialDate, initialNotes, failing, className, ...surfaceProps }: EventSectionProps): ReactNode;
type ThisStory = StoryObj<typeof EventSection>;
declare const _default: {
    title: string;
    component: typeof EventSection;
    parameters: {
        componentSubtitle: string;
    };
    argTypes: {
        title: {
            control: "text";
        };
        modalTitle: {
            control: "text";
        };
        details: {
            control: "text";
        };
        className: {
            control: "text";
        };
        modalSize: {
            control: "select";
            options: string[];
        };
        accent: {
            control: "select";
            options: import("../..").Accent[];
        };
        editIconVariant: {
            control: "select";
            options: string[];
        };
        disabled: {
            control: "boolean";
        };
    };
};
export default _default;
export declare const FormEditableSectionPreviewStory: ThisStory;
export declare const FormEditableSectionVariantsStory: ThisStory;
export declare const FormEditableSectionTestsStory: ThisStory;
//# sourceMappingURL=FormEditableSection.stories.d.ts.map