import styled from 'styled-components';

const BookmarkBar = styled.div`
  width: 100%;
  height: 40px;
  display: ${props => props.isBookmarkBar ? 'flex' : 'none'};
  background: ${props => !props.isDarkModeOrPrivateMode ? '#f9f9fa' : '#353535'};
  border-bottom: solid 1px ${props => !props.isDarkModeOrPrivateMode ? '#e1e1e1' : '#8b8b8b'};
  box-sizing: border-box;
`;

export default BookmarkBar;