// Mark.jsx — the kd primitive: two filled dots and a connecting line.
function Mark({ size = 'md', solid = false, color }) {
  const cls = ['kd', `kd-${size}`];
  if (solid) cls.push('is-solid');
  const style = color ? { '--kd-color': color } : undefined;
  return (
    <span className={cls.join(' ')} style={style} aria-label="konnecting dots mark">
      <span className="kd-dot" />
      <span className="kd-line" />
      <span className="kd-dot" />
    </span>
  );
}
window.Mark = Mark;