react-native-ajora/lib/InputToolbar/index.js

The most complete AI agent UI for React Native

import React, { useMemo } from "react";
import { View } from "react-native";
import { Composer } from "../Composer";
import { Send } from "../Send";
import { Actions } from "../Actions";
import styles from "./styles";
export function InputToolbar(props) {
    const { renderActions, onPressActionButton, renderComposer, renderSend, options, optionTintColor, icon, wrapperStyle, containerStyle, } = props;
    const actionsFragment = useMemo(() => {
        const props = {
            onPressActionButton,
            options,
            optionTintColor,
            icon,
            wrapperStyle,
            containerStyle,
        };
        return (<View style={styles.actionsContainer}>
        {renderActions?.(props) || <Actions {...props}/>}
      </View>);
    }, [
        renderActions,
        options,
        optionTintColor,
        icon,
        wrapperStyle,
        containerStyle,
    ]);
    const composerFragment = useMemo(() => {
        return (renderComposer?.(props) || (<Composer {...props}/>));
    }, [renderComposer, props]);
    return (<View style={styles.composer}>
      {composerFragment}
      <View style={styles.actionsContainer}>
        {actionsFragment}
        {renderSend?.(props) || <Send {...props}/>}
      </View>
    </View>);
}
//# sourceMappingURL=index.js.map