import TextLoading from "@/app/component/loading/Text";

function ContentDetail({ head, detail, loading }) {
  return (
    <li className="flex flex-col items-start justify-center gap-4">
      <TextLoading width={100} height={18} loading={loading}>
        <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
          {head}
        </p>
      </TextLoading>
      <TextLoading width={160} height={18} loading={loading}>
        <p className="text-[14px] md:text-[16px] text-[#525252]">{detail}</p>
      </TextLoading>
    </li>
  );
}

export default ContentDetail;