function Content({ isConfirmed, children, title }) {
  return (
    <div className="flex w-full flex-col items-start justify-start gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px]">
      <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}</p>
        {isConfirmed && (
          <p className="py-[4px] md:py-[2px] leading-[8px] sm:leading-[14px] md:leading-[21px] lg:leading-[28px] px-[5px] bg-[#05BA58] rounded-[40px] text-[#FFF] text-[10px] md:text-[12px] font-normal">
            تایید شده
          </p>
        )}
      </div>
      {children}
    </div>
  );
}

export default Content;
