как на реакте организовать sub компонент не используя класс?

Question

Делаю компонент "Tabs" в таком синтаксисе:

   <Tabs>
      <Tabs.item label="First"> Content </Tabs.item>
      <Tabs.item label="Second"> Content 2 </Tabs.item>
    </Tabs>

Проблема в создание саб-компонента. Как сделать компонент через точку <Tabs.item />?

Сам компонент:

import React from 'react';

export default props => {
  return <div className="tabs"></div>;
};