scalable_css_ITCSS_trumps_ex.jsx

import { ___, X } from 'react-ditto'
import Txt from 'react-txt'
import Btn from 'App/shared/atm.Btn'
import Input from 'App/shared/atm.Input'

const SearchUI = ({inputVal, onInputUpdate, onSearch}) =>
  <X x p>
    <___ mr1>
      <Txt tag='label' color='secondary'>Search</Txt>
      <Input value={inputVal} onChange={onInputUpdate} />
    </___>
    <Btn onClick={onSearch}>Search</Btn>
  <X>

What is the implementation of react-ditto here? I can't seem to tell what it's doing, but it looks neat.