cyb/src/containers/txs/msgs.tsx

import { Pane } from '@cybercongress/gravity';
import Display from 'src/components/containerGradient/Display/Display';
import DisplayTitle from 'src/components/containerGradient/DisplayTitle/DisplayTitle';
import Activites from './Activites';

function Msgs({ data }) {
  return (
    <Display title={<DisplayTitle title=" Msgs" />} color="blue">
      <Pane display="flex" width="100%" flexDirection="column">
        {data.map((msg, index) => (
          <Activites key={index} msg={msg} />
        ))}
      </Pane>
    </Display>
  );
}

export default Msgs;