ptb-fe/components/Main/DetailPT.js

import React, { useState, useEffect } from "react";
import { getPT } from "@/actions/PT";
import { useSelector } from "react-redux";

function DetailPT({ data }) {
	return (
		<div className="card card-default">
			<div className="card-body">
				<div className="text-center">
					<h3 className="mt-0">{data.nama}</h3>
					<p>{data.sk_pendirian}</p>
				</div>
				<hr />
				<ul className="list-unstyled px-4">
					<li>
						<em className="fa fa-globe fa-fw mr-3"></em>
						<a href={`https://${data.website}`}>{data.website}</a>
					</li>
					{/* <li>
						<em className="fa fa-graduation-cap fa-fw mr-3"></em>Status Pelanggaran : Tidak Ada
					</li> */}
				</ul>
			</div>
		</div>
	);
}

export default DetailPT;