import { IoMdCheckmark } from "react-icons/io";

interface TicketFeatureProps {
  text: string;
  showCheckmark?: boolean;
}

export default function TicketFeature({ text, showCheckmark = true }: TicketFeatureProps) {
  return (
    <div className="flex justify-start items-center gap-2">
      {showCheckmark && (
        <span className="flex items-center justify-center size-5 rounded-full bg-vendor-tertiary">
          <IoMdCheckmark className="text-vendor-secondary" />
        </span>
      )}
      <h3 className="font-bold text-[14px]">{text}</h3>
    </div>
  );
}