How can a developer differentiate between XM Cloud Components and Headless SXA Components?

How can a developer differentiate between XM Cloud Components and Headless SXA Components?
A . XM Cloud Components offer drag-and-drop construction of pages. Headless SXA Components require manual coding and can only be added to a page by a developer.
B . XM Cloud Components are a low/no code builder for creating components that can consume data from multiple data sources. Headless SXA components require code that consumes data from the same data sources.
C . In XM Cloud Components, the Styles library ensures visual consistency across components. Headless SXA Components emphasize dynamic content mapping.
D . XM Cloud Components provide responsive designs for different device types. Headless SXA Components are exclusively focused on static layouts.

Answer: B

Explanation:

XM Cloud Components provide a low-code or no-code solution for building components, allowing for the consumption of data from various sources without extensive coding. On the other hand, Headless SXA Components are designed for developers to code and consume data, typically from the same data sources, offering a more hands-on approach to component creation.

Reference: The distinction between XM Cloud Components and Headless SXA Components is outlined in the Sitecore XM Cloud documentation, which describes the capabilities and intended use cases for each type of component12.