import Message from "./Message";

function Messages({ user }) {
    return (
        <ul className="flex opacity-page flex-col gap-[24px] md:gap-[20px] lg:gap-[16px]">
            {user.messages.map((item, idx) => (
                <Message
                    key={idx}
                    data={item}
                />
            ))}
        </ul>
    )
}

export default Messages