const dialogs = require("raw-dialogs");

    //To create a simple alert set the props (JSON format) and pass it to createDialog() method
    let props = {
        type: "alert",
        titlebar: "Alerting Application",
        cssclass: "form-controls",
        message: >Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>",
        buttons: [ {
                label: "Ok",
                callbackfunction: alertMessage,
                cssclass: "btn, btn-primary",
            },	],
    };
    dialogs.createDialog(props);

    //To create a simple Prompt set the props (JSON format) and pass it to createDialog() method
    //An Input will be shown to get the input
    let props = {
        type: "prompt",
        titlebar: "Prompting Application",
        message:
            "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>",
        buttons: [ 	{
                label: "Enter your name and click proceed",
                callbackfunction: alertMessage,
            },	],
    };
    dialogs.createDialog(props);

    /*To create an overlay set the props (JSON format) and pass it to createDialog() method
    This option is to allow us to create a lot complex forms.
    */
    let props = {
            type: "overlay",
            titlebar: "Overlaying Application",
            title: "Add New Client Information",
            fullscreen: false,
            help: "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ",
            message: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>",
            form: {
                cssclass: "form",
                controls: [
                    {
                        type: "label",
                        caption: "Name",
                    },
                    {
                        type: "input",
                        inputtype: "text",
                        placeholder: "Placeholder that will be shown",
                        cssclass: "form-controls",
                    },
                    {
                        type: "label",
                        caption: "Age",
                    },
                    {
                        type: "select",
                        options:
                            "one, two, three, four, five, six, seven, eight, nine, ten",
                        values: "1, 2, 3,4,5,6,7,8, 9, 10",
                        cssclass: "form-controls, chosen-select",
                    },
                    {
                        type: "label",
                        caption: "Address",
                    },
                    {
                        type: "textarea",
                        rows: 5,
                        placeholder: "Placeholder that will be shown",
                        cssclass: "form-controls",
                    },
                ],
            },
            buttons: [
                {
                    label: "Ok",
                    callbackfunction: alertMessage,
                    cssclass: "btn, btn-primary",
                    focus: true,
                },
                {
                    label: "Cancel",
                    callbackfunction: alertMessage1,
                    cssclass: "btn, btn-warning",
                },
            ],
        };
        dialogs.createDialog(props);