You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

30 lines
809 B

import React, { Component } from 'react';
import Carousel from 'react-elastic-carousel';
import './ChatSuggest.scss';
export default function suggetbar({ suggest }) {
return (
<div className="chat-suggest portrait-slider d-flex flex-column">
<Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}>
{suggest.map((row, i) => (
<Row row={row} key={i} />
))}
</Carousel>
</div>
);
}
const Row = ({ row }) => {
return (
<div className="chat-suggest__row d-flex">
<Suggest item={row[0]} />
{/* {row.map((item, i) => (
<Suggest item={item} key={i} />
))} */}
</div>
);
};
const Suggest = (item) => {
console.log(item.text);
return <div className="chat-suggest__row--item d-flex">{item.text}</div>;
};