import React, { Component } from 'react';
import { Breadcrumb, Dropdown, Header, Icon, Item, Menu, Segment, Input } from 'semantic-ui-react'
import { Link } from 'react-router-dom';

class Admin extends Component {
	render() {
		const data = this.props.data;
		const match = this.props.match;

		return (
			<div>
				<Breadcrumb size='large'>
					<Breadcrumb.Section active>Admin</Breadcrumb.Section>
				</Breadcrumb>

				<Item.Group link unstackable divided>
					<Item as='a' href='https://tools-auth.protospace.ca'>
						<Item.Content>
							<Item.Header>Auth Server</Item.Header>
							<Item.Description>Manage tools, members, courses, and firmware</Item.Description>
						</Item.Content>
					</Item>
				</Item.Group>
			</div>
		);
	}
}

export default Admin;