@plteam/chat-ui/dist/views/templateQuestions/QuestionsList.js

CUI Kit is a free and open-source library for creating AI assistant chat interfaces, built with React, Material UI, and TypeScript

import * as React from 'react';
import Stack from '@mui/material/Stack';
import { useQuestionTemplates } from './useQuestionTemplates';
import QuestionItem from './QuestionItem';
import Container from '@mui/material/Container';
import { styled } from '@mui/material/styles';
import { useObserverValue } from '../hooks/useObserverValue';
const ContainerStyled = styled(Container)(() => ({
    height: '100%',
    display: 'flex',
    alignItems: 'center',
}));
const QuestionsList = ({ thread }) => {
    const questions = useQuestionTemplates();
    const messages = useObserverValue(thread.messages.allMessages) ?? [];
    const onClick = React.useCallback((_message) => {
        // thread.sendMessage(message);
    }, [thread]);
    if (messages.length)
        return null;
    return (React.createElement(ContainerStyled, null,
        React.createElement(Stack, { direction: "row", flexWrap: "wrap", justifyContent: "center" }, questions.map((questionItem, key) => (React.createElement(QuestionItem, { key: key, item: questionItem, onClick: onClick }))))));
};
export default QuestionsList;