Difference between `template` and `layout` properties of Ember Component?

The API doc says:

Specifying a component's templateName is deprecated without also providing the layout or layoutName properties.

So what's the difference between template and layout for a component? And in what situation will we need to specify both template and layout?

It looks like that template is the {{yield}} part of a layout?