Flex14-Botnoi

{
  "type": "bubble",
  "size": "kilo",
  "header": {
    "type": "box",
    "layout": "vertical",
    "contents": []
  },
  "hero": {
    "type": "image",
    "size": "3xl",
    "aspectRatio": "20:13",
    "aspectMode": "fit",
    "url": "https://obs.line-scdn.net/0hfKjPpbLbOWRXKS2KuuhGM29_NRVkTyNtdRt_UXUqMlcuBSxnaUxqB3AhZUhySnw7dx8jBHZ8YgAvTiw1aw/w1200",
    "offsetBottom": "md"
  },
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "จำนวน 6 ท่าน",
        "weight": "regular",
        "size": "sm",
        "align": "center",
        "color": "#DEE2E6",
        "position": "relative",
        "gravity": "top"
      },
      {
        "type": "box",
        "layout": "horizontal",
        "contents": [
          {
            "type": "text",
            "text": "เหลืออีก",
            "flex": 1,
            "align": "end",
            "color": "#F8F9FA"
          },
          {
            "type": "box",
            "layout": "baseline",
            "contents": [
              {
                "type": "text",
                "text": "5",
                "size": "70px",
                "weight": "bold",
                "align": "center",
                "gravity": "bottom",
                "flex": 1,
                "color": "#F8F9FA"
              },
              {
                "type": "text",
                "text": "คิว",
                "align": "start",
                "gravity": "bottom",
                "flex": 1,
                "color": "#F8F9FA"
              }
            ],
            "flex": 2
          }
        ],
        "height": "80px"
      },
      {
        "type": "box",
        "layout": "vertical",
        "margin": "lg",
        "spacing": "sm",
        "contents": [
          {
            "type": "box",
            "layout": "baseline",
            "spacing": "sm",
            "contents": [
              {
                "type": "text",
                "text": "ผู้จอง",
                "color": "#DEE2E6",
                "size": "sm",
                "flex": 2
              },
              {
                "type": "text",
                "text": "สมยศ",
                "wrap": true,
                "color": "#ADB5BD",
                "size": "sm",
                "flex": 6
              }
            ]
          },
          {
            "type": "box",
            "layout": "baseline",
            "spacing": "sm",
            "contents": [
              {
                "type": "text",
                "text": "สาขา",
                "color": "#DEE2E6",
                "size": "sm",
                "flex": 2
              },
              {
                "type": "text",
                "text": "ลาดกระบัง",
                "wrap": true,
                "color": "#ADB5BD",
                "size": "sm",
                "flex": 6
              }
            ]
          },
          {
            "type": "box",
            "layout": "baseline",
            "spacing": "sm",
            "contents": [
              {
                "type": "text",
                "text": "วันที่",
                "color": "#DEE2E6",
                "size": "sm",
                "flex": 2
              },
              {
                "type": "text",
                "text": "25/5/2566",
                "wrap": true,
                "color": "#ADB5BD",
                "size": "sm",
                "flex": 6
              }
            ]
          }
        ],
        "paddingStart": "xxl",
        "paddingEnd": "xxl"
      }
    ],
    "backgroundColor": "#343A40",
    "cornerRadius": "lg"
  },
  "footer": {
    "type": "box",
    "layout": "vertical",
    "spacing": "sm",
    "contents": [],
    "flex": 0
  }
}