{
    "status": "prototype",
    "context": {
        "params":{
            "layout": "sta-grid__main",
            "items": [
                {
                    "position": "sta-grid__item-main",
                    "content": "Single full width column"
                }
            ]
        }
    },
    "variants": [
        {
            "name": "main with aside",
            "context": {
                "params":{
                    "layout": "sta-grid--main-aside",
                    "items": [
                        {
                            "position": "sta-grid__item-main",
                            "content": "Main column"
                        },
                        {
                            "position": "sta-grid__item-aside",
                            "content": "Aside column"
                        }
                    ]
                }
            }
        },
        {
            "name": "aside with main",
            "context": {
                "params":{
                    "layout": "sta-grid--aside-main",
                    "items": [
                        {
                            "position": "sta-grid__item-main",
                            "content": "Main column"
                        },
                        {
                            "position": "sta-grid__item-aside",
                            "content": "Aside column"
                        }
                    ]
                }
            }
        },
        {
            "name": "main with no aside",
            "context": {
                "params":{
                    "layout": "sta-grid--main-aside",
                    "items": [
                        {
                            "position": "sta-grid__item-main",
                            "content": "Main column"
                        }
                    ]
                }
            }
        },
        {
            "name": "main with offset",
            "context": {
                "params":{
                    "layout": "sta-grid--main-offset",
                    "items": [
                        {
                            "position": "sta-grid__item-main",
                            "content": "Main column"
                        },
                        {
                            "position": "sta-grid__item-offset",
                            "content": "Offset column"
                        }
                    ]
                }
            }
        },
        {
            "name": "aside with main and offset",
            "context": {
                "params":{
                    "layout": "sta-grid--aside-main-offset",
                    "items": [
                        {
                            "position": "sta-grid__item-aside",
                            "content": "Aside column"
                        },
                        {
                            "position": "sta-grid__item-main",
                            "content": "Main column"
                        },
                        {
                            "position": "sta-grid__item-offset",
                            "content": "Offset column"
                        }
                    ]
                }
            }
        }
    ]
}