// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Welcome Bubble snapshot test should render 1`] = `
<Stack>
  <Stack
    horizontalAlign="center"
    style={
      {
        "color": "#707070",
      }
    }
    tokens={
      {
        "childrenGap": 8,
        "padding": 8,
      }
    }
  >
    August 15
     
    12:00 AM
  </Stack>
  <Stack
    style={
      {
        "backgroundColor": "white",
        "borderRadius": "8px",
        "margin": "5px 10px",
      }
    }
    tokens={
      {
        "childrenGap": 12,
        "padding": 16,
      }
    }
  >
    <Text
      variant="medium"
    >
      Hello, I am Cosmos Db's copilot assistant. I can help you do the following things:
    </Text>
    <Stack
      tokens={
        {
          "childrenGap": 8,
        }
      }
    >
      <Stack
        horizontal={true}
        style={
          {
            "marginLeft": "15px",
          }
        }
        tokens={
          {
            "childrenGap": 8,
          }
        }
      >
        <Text
          style={
            {
              "fontSize": "16px",
              "lineHeight": "16px",
              "verticalAlign": "middle",
            }
          }
        >
          •
        </Text>
        <Text
          style={
            {
              "verticalAlign": "middle",
            }
          }
        >
          Generate queries based upon prompt you suggest
        </Text>
      </Stack>
      <Stack
        horizontal={true}
        style={
          {
            "marginLeft": "15px",
          }
        }
        tokens={
          {
            "childrenGap": 8,
          }
        }
      >
        <Text
          style={
            {
              "fontSize": "16px",
              "lineHeight": "16px",
              "verticalAlign": "middle",
            }
          }
        >
          •
        </Text>
        <Text
          style={
            {
              "verticalAlign": "middle",
            }
          }
        >
          Explain and provide alternate queries for a query suggested by you
        </Text>
      </Stack>
      <Stack
        horizontal={true}
        style={
          {
            "marginLeft": "15px",
          }
        }
        tokens={
          {
            "childrenGap": 8,
          }
        }
      >
        <Text
          style={
            {
              "fontSize": "16px",
              "lineHeight": "16px",
              "verticalAlign": "middle",
            }
          }
        >
          •
        </Text>
        <Text
          style={
            {
              "verticalAlign": "middle",
            }
          }
        >
          Help answer questions about Cosmos DB
        </Text>
      </Stack>
    </Stack>
    <Text
      variant="medium"
    >
      To get started, ask me a question or use one of the sample prompts to generate a query. AI-generated content may be incorrect.
    </Text>
  </Stack>
</Stack>
`;
