import type { Icon, IconDefinition } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

type BadgeProps = {
  icon?: Icon | IconDefinition;
  text: string;
};

const Badge = ({ icon, text }: BadgeProps) => {
  return (
    <span className="text-md font-medium inline-flex items-center px-2.5 py-0.5 rounded-sm me-2 bg-blue-900 text-blue-200 border border-blue-500 space-x-2">
      {icon && <FontAwesomeIcon icon={icon} />}
      <span>{text}</span>
    </span>
  );
};

export default Badge;