Should layout markup be a component in React?

Do layout markup need to be a component of its own?

For example

Do we need a Card component that adds a border and padding to a card like soo

....

Instead of using a pure html + css solution like

...

I really like the second approach and I feel like lesser components are a better solution from a performance perspective.

On the other hand the second solution follows atomic design.