export default function AgentSpark({ pulse = false, className = "" }) {
  return (
    <span
      className={`agent-spark${pulse ? " pulse" : ""}${className ? ` ${className}` : ""}`}
      aria-hidden="true"
    >
      ✦
    </span>
  );
}

export function AgentLabel({ children, className = "" }) {
  return (
    <span className={`agent-label${className ? ` ${className}` : ""}`}>
      <AgentSpark /> {children}
    </span>
  );
}