function Legend({ color, label, dashed }) {
  return (
    <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12.5, color: 'var(--ink-2)', fontWeight: 500 }}>
      <span style={{ width: 14, height: 0, borderTop: `2.5px ${dashed ? 'dashed' : 'solid'} ${color}` }} />{label}
    </span>
  );
}