import { Component, ReactNode, createElement } from "react";
import { TextStyle, ViewStyle } from "react-native";

import { Style } from "@mendix/pluggable-widgets-tools";

import { HelloWorld } from "./components/HelloWorld";
import { <%- name %>Props } from "../typings/<%- name %>Props";

export interface CustomStyle extends Style {
    container: ViewStyle;
    label: TextStyle;
}

export class <%- name %> extends Component<<%- name %>Props<CustomStyle>> {
    render(): ReactNode {
        return <HelloWorld name={this.props.yourName} style={this.props.style} />;
    }
}