import { ReactElement, 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 function <%- name %>({ style, yourName }: <%- name %>Props<CustomStyle>): ReactElement {
    return <HelloWorld name={yourName} style={style} />;
}