export const FOUNDATION_SAMPLE_FORM_LAYOUT = {

    "foundationSelect": {
        element: {
            label: "text-right middle font-bold",
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    "foundationRadioGroup": {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    "foundationInput": {
        element: {
            label: "text-right middle font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            errors: "small-9 small-offset-3 cell",
            label: "small-3 cell"
        }
    },

    "foundationCheckboxGroup": {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    "foundationSwitch": {
        element: {
            control: "small",
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            label: "small-3 cell"
        }
    },

    "foundationTextArea": {
        element: {
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            errors: "small-9 small-offset-3 cell",
            label: "small-3 cell"
        }
    },

    "foundationCheckbox": {
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-offset-3 small-9 cell"
        }
    },

    "foundationFormArray": {
        element: {
            container: "form-array",
            label: "text-right font-bold"
        },
        grid: {
            container: "grid-x grid-padding-x",
            control: "small-9 cell",
            group: "grid-x grid-padding-x",
            label: "small-3 cell"
        }
    },

    "foundationFormArrayGroupInput": {
        grid: {
            host: "small-7 cell",
        }
    }
};