text: import styled from 'react-emotion';
  
  import theme from './theme';
  
  const Topic = styled.div`
  	background: ${({ active }) => (active ? theme.colors.primaryColor : theme.colors.secondaryColor)};
  	margin: 3px;
  	padding: 4px;
  	color: white;
  	font-weight: bold;
  	cursor: pointer;
  	border-radius: 4px;
  
  	&:hover {
  		background: ${theme.colors.primaryColor};
  	}
  `;
  
  export default Topic;
  