import styled from "styled-components"

export const EmptyContainer = styled.div`
  flex-grow: 1;
  background-color: whitesmoke;
`

export const EmptyTitle = styled.div`
  display: flex;
  justify-content: center;
  color: #888;
  font-weight: bold;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
`

export const EmptyDescription = styled.div`
  margin: 15px 10px 0 10px;
  padding: 20px;
  color: #888;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 13px;
  background-color: #e8e8e8;
`

export const Container = styled.div`
  flex-grow: 1;
  background-color: whitesmoke;
  overflow-y: auto;
  padding-right: 5px;
`

export const TabTitle = styled.div`
  padding: 5px 10px;
  font-size: 13px;
  color: #666;
  background-color: #eee;
`