let _ = t => t,
  _t;
import styled from '@modern-js/runtime/styled';
export const InputWrap = styled.div(_t || (_t = _`
  .inputBox {
    width: ${0};
    box-sizing: border-box;
    background: rgb(248, 247, 247);
    border-radius: 6px;
    resize: none;
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding: 5px 10px;
    border: none;
    outline: none;
    line-height: 16.2px;
    white-space: nowrap;
    ${0};
    height: ${0};
  }
  .contentContainer {
    display: flex;
    align-items: center;
  }
  .content {
    width: 100%;
  }
`), props => typeof props.width === 'number' ? `${props.width}px` : props.width, props => props.center ? 'text-align: center' : '', props => typeof props.height === 'number' ? `${props.height}px` : props.height);