import { create, css } from '../../css-in-js';

const styles = create({
  root: css({
    width: '100%',
    lineHeight: 1.3,
    resize: 'none',
    color: 'inherit',
    fontSize: 'inherit',
    padding: 0
  }),
  wrap: css({
    position: 'relative',
    minHeight: 100
  }),
  pre: css({
    fontSize: 'inherit',
    lineHeight: 1.3,
    margin: 0,
    width: '100%',
    padding: 0,
    opacity: 0,
    minHheight: 'inherit',
    whiteSpace: 'pre-wrap',
    wordWrap: 'break-word'
  }),
  preHidden: css({
    display: 'none'
  }),
  auto: css({
    width: '100%',
    height: '100%',
    position: 'absolute',
    top: 0,
    left: 0
  }),
  wordcount: css({
    position: 'absolute',
    fontSize: 14,
    color: '#999999'
  })
});

export default styles;