@plteam/chat-ui
Version:
CUI Kit is a free and open-source library for creating AI assistant chat interfaces, built with React, Material UI, and TypeScript
30 lines (29 loc) • 1.12 kB
JavaScript
import * as React from 'react';
import Paper from '@mui/material/Paper';
import { styled } from '@mui/material/styles';
import { materialDesignSysPalette } from '../../utils/materialDesign/palette';
import { motion } from '../../utils/materialDesign/motion';
import Typography from '@mui/material/Typography';
const PaperStyled = styled(Paper)(({ theme }) => ({
borderRadius: 16,
border: `1px solid ${materialDesignSysPalette.outlineVariant}`,
padding: theme.spacing(1),
width: 133,
height: 65,
display: 'flex',
alignItems: 'center',
margin: 6,
transition: theme.transitions.create('background', { duration: motion.duration.short2 }),
cursor: 'pointer',
'&:hover': {
background: materialDesignSysPalette.surfaceBright,
},
[theme.breakpoints.down('md')]: {
margin: 4,
},
}));
const QuestionItem = ({ item, onClick }) => {
return (React.createElement(PaperStyled, { elevation: 0, onClick: () => onClick(item.message) },
React.createElement(Typography, null, item.title)));
};
export default QuestionItem;