import Card from "../components/Card"

const cards = [
	{
		id: 1,
		name: "Rorrovidios",
		username: "rorrovidios",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	},
	{
		id: 2,
		name: "bigsotorius",
		username: "bigsotorius",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	},
	{
		id: 3,
		name: "J Balvin",
		username: "jbalvin",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	},
	{
		id: 4,
		name: "Yubelli",
		username: "omaryubelli",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	},
	{
		id: 5,
		name: "jennirivera",
		username: "jennirivera",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	},
	{
		id: 6,
		name: "Emilio Marcos",
		username: "emiliomarcoschiki",
		profileIMG: "profile1.jpeg",
		video: 'mainecoon.mp4',
		url: ""
	}
];

const Following = () => {
	return (
		<div id="Following" className="row">
			{ cards.map(c => <Card key={`card-${c.id}`} card={c} />) }
		</div>
	)
}

export default Following;