@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
35 lines (34 loc) • 1.3 kB
JavaScript
import Stack from '@mui/material/Stack';
import { styled } from '@mui/material/styles';
import { iconButtonClasses } from '@mui/material/IconButton';
import { motion } from '../../../utils/materialDesign/motion';
import { historyClassNames } from '../../core/history/historyClassNames';
const ThreadListMapBlockAllStyled = styled(Stack)(({ theme }) => ({
position: 'relative',
[`& .${historyClassNames.listItem}`]: {
height: 56,
width: '100%',
boxSizing: 'border-box',
padding: theme.spacing(1, 6.5, 1, 1.5),
position: 'relative',
cursor: 'pointer',
display: 'flex',
alignItems: 'center',
[`& .${iconButtonClasses.root}`]: {
[theme.breakpoints.up('md')]: {
opacity: 0,
transition: theme.transitions.create('opacity', { duration: motion.duration.short3 }),
},
},
'&:hover': {
backgroundColor: theme.palette.action.hover,
[`& .${iconButtonClasses.root}`]: {
opacity: 1,
},
},
[`&.${historyClassNames.listItemSelected}`]: {
backgroundColor: theme.palette.action.selected,
},
}
}));
export default ThreadListMapBlockAllStyled;