import {WidgetType, Vertical} from '@ui';
import {LinkType} from '@ui/type';
import Nothing from './nothing.component';
import RightDetail from './right_detail/right.detail.component';
import RightModel from './right.model';
let rightContent: any = null;
const className = 'fr.component.right';
const Widget: WidgetType = {
  _store() {
    return BI.Models.getModel(RightModel);
  },
  watch:{
    linkSelected(linkSelected: LinkType) {
      console.log('%clinkSelected: ', 'color: MidnightBlue; background: Aquamarine;', linkSelected);
    },
  },
  render() {
    return {
      type:Vertical,
      cls:'database-right',
      ref(_ref: any) {
        rightContent = _ref;
      },
    };
  },
  mounted() {
    rightContent.populate(BI.createItems([
      {
        type: RightDetail,
      },
    ]));
  },
};
BI.shortcut(className, BI.inherit(BI.Widget, Widget));
export default className;