{"size": 1097, "ext": "js", "max_stars_repo_path": "lib/list/item.js", "max_stars_repo_name": "scola84/node-view-preset", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "lib/list/item.js", "max_issues_repo_name": "scola84/node-view-preset", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "lib/list/item.js", "max_forks_repo_name": "scola84/node-view-preset", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.5892857143, "max_line_length": 43, "alphanum_fraction": 0.5232452142}
'use strict';

const View = require('@scola/view');

class ListItemView extends View.Abstract {
  build() {
    this.element('outer', 'div')
      .properties({
        className: 'scola item'
      })
      .style({
        background: '#FFF',
        borderTopWidth: '1px',
        borderTopColor: '#CCC',
        lineHeight: '3em'
      })
      .if(this.capability('hairline'))
      .style({
        borderTopWidth: '0.5px'
      });

    this.element('inner', 'div')
      .properties({
        className: 'scola inner'
      })
      .style({
        display: 'flex'
      })
      .appendTo(this.element('outer'));

    this.element('padding-left', 'div')
      .properties({
        className: 'scola padding'
      })
      .style({
        borderTop: '1px solid transparent',
        width: '1em'
      })
      .if(this.capability('hairline'))
      .style({
        borderTopWidth: '0.5px'
      })
      .appendTo(this.element('inner'));
  }

  render() {
    return this.element('outer');
  }

  top() {
    throw new Error('not_implemented');
  }
}

module.exports = ListItemView;
