```js
const TableHeader = require('./TableHeader').default;
const Row = require('./Row').default;
const HeaderCell = require('./HeaderCell').default;
const Cell = require('./Cell').default;
const TableBody = require('./TableBody').default;

<Table>
	<TableHeader>
		<Row>
			<HeaderCell>Name</HeaderCell>
			<HeaderCell>Age</HeaderCell>
			<HeaderCell showFrom={'desktop'}>Role</HeaderCell>
			<HeaderCell>Favorite food</HeaderCell>
		</Row>
	</TableHeader>
	<TableBody>
		<Row>
			<Cell><a href="#">Bruce Wayne</a></Cell>
			<Cell>35</Cell>
			<Cell showFrom={'desktop'}>Millionaire superhero</Cell>
			<Cell>Pizza</Cell>
		</Row>
		<Row>
			<Cell>Super Mario</Cell>
			<Cell>40</Cell>
			<Cell showFrom={'desktop'}>Plumber</Cell>
			<Cell>Organic beetroot salad</Cell>
		</Row>
		<Row>
			<Cell>Frank Castle</Cell>
			<Cell>32</Cell>
			<Cell showFrom={'desktop'}>The punisher</Cell>
			<Cell>Steak</Cell>
		</Row>
	</TableBody>
</Table>

```