import './css/Profile.css'
import Sidebar from './Components/Sidebar'
import { default as axios } from 'axios'
import { config } from './main'

function Profile(props) {
	const {
		id, username, verified, bio, followers, following, videos
	} = props;

	return (
		<>
			<div>
				<Sidebar  />
				<div className="profile-container">
					<div className="profile-details">
						<img src={`${config.serverURL}/account/${id}/picture`} className="profile-picture"></img>

						<span class="profile-detail">
							{followers}
							followers
						</span>

						<span class="profile-detail">
							{following}
							following
						</span>

						<span class="profile-detail">
							{videos.length}
							videos
						</span>
					</div>
					
					<div className="profile-videos">
						
					</div>
				</div>
			</div>
		</>
	)
}

export default Profile
