'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ce58ddc5.js');

const dvnFieldDisplayCellSingleChoiceCss = ".sc-dvn-field-display-cell-single-choice-h{display:block;height:32px;padding:6px}.tag-wrapper.sc-dvn-field-display-cell-single-choice-h{padding:4px 6px}.sc-dvn-field-display-cell-single-choice-h:not(.tag-wrapper){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

let DvnFieldDisplayCellSingleChoice = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    const option = this.field.getOptionOfValue(this.value);
    return (index.h(index.Host, { class: {
        'tag-wrapper': !!option.tint,
      } }, option.tint
      ? index.h("dvn-button", { leaned: true, scale: "small", shape: "rounded", tint: option.tint, view: "ghost", tagMode: true }, option.label)
      : option.label));
  }
};
DvnFieldDisplayCellSingleChoice.style = dvnFieldDisplayCellSingleChoiceCss;

exports.dvn_field_display_cell_single_choice = DvnFieldDisplayCellSingleChoice;
