import React from "react";
import { TableIcon } from "@/icons/index";


interface ComponentCardProps {
  title: string;
  children: React.ReactNode;
  className?: string; // Additional custom classes for styling
  desc?: string; // Description text
  regDate? : string;
  //content: string
}

const CtBoardDetail: React.FC<ComponentCardProps> = ({
  title,
  children,
  className = "",
  desc = "",
  regDate = ""
}) => {
  return (
    <div
      className={`rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] ${className}`}
    >
      {/* Card Header */}
      <div className="px-6 py-5">
        <h3 className="text-base font-medium text-gray-800 dark:text-white/90">
          <span className="inline-flex gap-3">{title}</span>
        </h3>
        {desc && (
          <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
            {desc}
          </p>
        )}
      </div>

      {/*
      <div>첨부파일</div>
      */}

      {/*
      <div>{content}</div>
      */}


      {/* Card Body */}
      {React.Children.map(children, (item, index) => {
        return (
          <div key={index} className="p-4 border-t border-gray-100 dark:border-gray-800 sm:p-6">
            <div className="space-y-6">{item}</div>
          </div>
        )
      })}
    </div>
  );
};

export default CtBoardDetail;
