blob: d6fa9dc974e1e5221349bb765e907578004f4826 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faPlus } from '@fortawesome/free-solid-svg-icons'
import { ListGroupItem, Badge, Button } from 'reactstrap'
const EmptySlotComponent = ({ position, onAdd }) => (
<ListGroupItem className="d-flex justify-content-between align-items-center">
<Badge color="info" className="mr-1">
{position}
</Badge>
<Button color="primary" outline onClick={onAdd}>
<FontAwesomeIcon icon={faPlus} className="mr-2" />
Add machine
</Button>
</ListGroupItem>
)
export default EmptySlotComponent
|
