function Content({ isConfirmed, children, title, error, req }) {
  return (
    <div className="flex w-full flex-col items-start justify-start gap-[8px] sm:gap-[3px] md:gap-[7px] lg:gap-[9px]">
      <div className="flex min-h-[32px] items-center justify-start gap-[8px] md:gap-[6px] lg:gap-[4px]">
        <p className="text-[#525252] text-[14px] font-medium">
          {title} {req && "*"}
        </p>
        {isConfirmed && (
          <p
            className="py-[4px] md:py-[2px] px-[5px] bg-[#05BA58] rounded-[40px] text-[#FFF] text-[10px] md:text-[12px] font-normal h-[26px] grid place-items-center"
          >
            تایید شده
          </p>
        )}
      </div>
      <div className="flex flex-col w-full items-start justify-start gap-1">
        {children}
        <p className="text-red-600 text-[12px]">{error || ""}</p>
      </div>
    </div>
  );
}

export default Content;
