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

function ContentDetail({ head, children, loading }) {
  return (
    <div className="my-[24px]">
      <TextLoading width={200} height={20} loading={loading}>
        <p className="text-[#3B3B3B] text-[20px] font-bold">{head}</p>
      </TextLoading>
      <div className="mt-[16px]">{children}</div>
    </div>
  );
}

export default ContentDetail;
