lan-reader-chat/components/agents/agent-avatar.tsx

import { AgentAvatarKind } from "@/types/agent";

type AgentAvatarProps = {
  kind: AgentAvatarKind;
  label: string;
  large?: boolean;
};

export function AgentAvatar({ kind, label, large = false }: AgentAvatarProps) {
  return (
    <div
      className={`agent-avatar agent-avatar--${kind}${large ? " agent-avatar--large" : ""}`}
      aria-label={label}
      title={label}
    >
      <div className="agent-avatar__hair" />
      <div className="agent-avatar__head">
        <div className="agent-avatar__brows">
          <span />
          <span />
        </div>
        <div className="agent-avatar__eyes">
          <span />
          <span />
        </div>
        <div className="agent-avatar__nose" />
        <div className="agent-avatar__mouth" />
      </div>
      <div className="agent-avatar__body" />
      <div className="agent-avatar__accent" />
    </div>
  );
}