import React from "react";
import styles from "./index.module.scss";
import { A2BarrageType } from "@/types";

type Props = {
  list: A2BarrageType[];
};

function Left4({ list }: Props) {
  // console.log("-----", list);

  return (
    <div className={styles.Left4}>
      <div className="left4Main myscroll">
        {list.map((v) => (
          <div className="left4Row" key={v.id}>
            <div className="left4_Title">
              <div className="left4_Title_l">{v.authorName}</div>
              <div className="left4_Title_r">{v.createTime}</div>
            </div>
            <div className="left4_Txt">{v.name}</div>
          </div>
        ))}
      </div>
    </div>
  );
}

const MemoLeft4 = React.memo(Left4);

export default MemoLeft4;