import Vue, { CreateElement, VNode } from "vue";
import { Component, Prop } from "vue-property-decorator";
import color from "../../color.json";
import { IColor } from "../../colorInterface";
@Component
class TariffCard extends Vue {
@Prop({ default: false }) hasSeal: boolean;
@Prop({ default: null }) discount: String;
@Prop({ default: "b2c-orange" }) color: string;
colorObject: IColor = color;
localColor: String = null;
mounted() {
if (this.color in this.colorObject) {
this.localColor = this.colorObject[this.color];
}
}
render(h: CreateElement): VNode {
const additionalTopElements = (() => {
if (this.hasSeal) {
return ;
} else if (this.discount) {
return ;
} else {
return null;
}
})();
return
{additionalTopElements}
{this.$slots.default}
;
}
}
export default {
component: TariffCard,
name: "RtTariffCard"
};