34 lines
756 B

import React, { Component } from 'react';
import Carousel from 'react-elastic-carousel';
import './ChatSuggest.scss';
export default class ChatSuggest extends Component {
render(){
const {suggest} = this.props;
return (
<div className="chat-suggest portrait-slider d-flex flex-column">
<Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}>
{
suggest.map(item => (
<Suggest item={item} key={item.id} />
))
}
</Carousel>
</div>
);
}
}
class Suggest extends Component {
render(){
const {item} = this.props;
return(
<div className="chat-suggest__item d-flex">
{item.text}
</div>
);
}
}