import styled from 'styled-components' ; const StyledTextEditor = styled . div `
  overflow: hidden;
  border-radius: 4px;
  flex: 1;
  display: flex;
  position: relative;
  border: none;
  background: ${ props => props . theme . colors . bgTerminal };

  .ace-monokai {
    background: ${ props => props . theme . colors . bgTerminal };
  }

  .ace-monokai .ace_gutter,
  .ace-monokai .ace_gutter-cell {
    color: rgba(255, 255, 255, 0.56);
    background: ${ props => props . theme . colors . bgTerminal };
  }

  > .ace_editor {
    position: absolute;
    top: 8px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
` ; export default StyledTextEditor ;