import React from 'react';
import { BrandMark } from '../../ui';

/**
 * The mark sits in a band exactly one text-line tall (`h-[1.65em]` at the reply
 * font size, matching the `.markdown` line-height) and is vertically centered in
 * it. With the message row using `items-start`, this centers the mark on the
 * FIRST line of the reply — correct for single-line, multi-line, and the
 * working/thinking header alike, with no magic margin.
 */
const AssistantAvatar: React.FC = () => (
  <div className="flex h-[1.7em] items-center text-[0.95rem]">
    <BrandMark size={28} />
  </div>
);

export default AssistantAvatar;