react-bionic-reading/dist/index.d.ts

A React component that implements the bionic reading method.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { ElementType, CSSProperties } from 'react';
import * as zustand_middleware from 'zustand/middleware';
import * as zustand from 'zustand';

interface IBionicTextProps {
    text: string;
    as?: ElementType;
    style?: CSSProperties;
    className?: string;
    forceBionicMode?: boolean;
}

declare const BionicText: ({ text, as: Component, style, className, forceBionicMode, }: IBionicTextProps) => react_jsx_runtime.JSX.Element;

type IBionicBlockProps = {
    children: React.ReactNode;
    forceBionicMode?: boolean;
};

declare const BionicBlock: ({ children, forceBionicMode, }: IBionicBlockProps) => react_jsx_runtime.JSX.Element;

type IBionicState = {
    bionicMode: boolean;
    setBionicMode: (isBionic: boolean) => void;
};
declare const useBionic: zustand.UseBoundStore<Omit<zustand.StoreApi<IBionicState>, "persist"> & {
    persist: {
        setOptions: (options: Partial<zustand_middleware.PersistOptions<IBionicState, IBionicState>>) => void;
        clearStorage: () => void;
        rehydrate: () => Promise<void> | void;
        hasHydrated: () => boolean;
        onHydrate: (fn: (state: IBionicState) => void) => () => void;
        onFinishHydration: (fn: (state: IBionicState) => void) => () => void;
        getOptions: () => Partial<zustand_middleware.PersistOptions<IBionicState, IBionicState>>;
    };
}>;

export { BionicBlock, BionicText, useBionic };