import {InfoBannerProps} from "@/types/types";

export default function InfoBanner({ 
  boldText, 
  normalText,  
}: InfoBannerProps) {
  return (
    <div className="w-full
 rounded-xl border border-l-4 border-[#142538]
  border-l-[#10b981] bg-[#091624] 
  p-4 flex items-center shadow-sm">
    
        <p className="text-sm font-medium text-slate-300 tracking-wide leading-relaxed">
          {boldText && <strong className="text-white font-bold mr-1.5">{boldText}</strong>}
          {normalText}
        </p>
    
    </div>
  );
}