PTB-fe/components/Main/Header.js

function Header({ data }) {
	const styleHeaderText = {
		color: "brown",
	};

	return (
		<div className="bg-cover" style={{ backgroundImage: "url(/static/img/profile-bg.png)" }}>
			<div className="p-4 text-center" style={styleHeaderText}>
				<img className="img-thumbnail rounded-circle thumb128" src="/static/img/univ-avatar.png" alt="Avatar" />
				<h3 className="m-0">{data.nama}</h3>
				<p>{data.sk_pendirian}</p>
				<p>{`${data.alamat.jalan} ${data.alamat.rt ? `rt ${data.alamat.rt}` : ""} ${data.alamat.rw ? `rt ${data.alamat.rw}` : ""}, ${data.alamat.kab_kota.nama}, ${data.propinsi.nama}`}</p>
			</div>
		</div>
	);
}

export default Header;