import Button from "./Button"

const Card = (props) => {
	const { card } = props;
	return(
		<div id="Card" className="col-4">
			<video src={require(`../assets/video/${card.video}`).default} />
			<div className="body">
				<img src={require(`../assets/img/${card.profileIMG}`).default} />
				<p>{card.name}</p>
				<p>{card.username}</p>
				<Button text={"Follow"} type={"primary"}/>
			</div>
		</div>
	)
}

export default Card;