CyclicMaterials/molecule-input

/** @jsx hJSX */

import {hJSX} from '@cycle/dom'; // eslint-disable-line

function view({state$, id}) {
  return state$.map(({componentName, charCounterStr}) => ( // eslint-disable-line
    <div
      className={`${id} ${componentName} atom-Typography--caption`}>
      <span>
        {charCounterStr}
      </span>
    </div>
  ));
}

export default view;