import React from "react";
import styled from "styled-components";
import { Link } from "react-router-dom";

const ChannelContainer = styled.div``;

const ChannelList = styled.ul``;

const ChannelItem = styled.li``;

const CreateContainer = styled.div``;

export default () => {
  return (
    <>
      <ChannelContainer>
        <ChannelList>
          <ChannelItem>First Channel</ChannelItem>
        </ChannelList>
      </ChannelContainer>
      <CreateContainer>
        <Link to="/">Create New Channel</Link>
      </CreateContainer>
    </>
  );
};