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

exports[`Output Bubble snapshot tests should render and update height 1`] = `
<Stack
  id="outputBubble"
  style={
    {
      "alignItems": "center",
      "backgroundColor": "white",
      "borderRadius": "8px",
      "display": "flex",
      "margin": "10px",
      "padding": "10px",
    }
  }
  tokens={
    {
      "childrenGap": 8,
      "padding": 8,
    }
  }
>
  <StackItem
    style={
      {
        "alignSelf": "flex-start",
        "paddingLeft": "2px",
      }
    }
  >
    testMessage
  </StackItem>
  <StackItem
    style={
      {
        "alignSelf": "stretch",
        "flexGrow": 4,
      }
    }
  >
    <EditorReact
      ariaLabel="AI Response"
      content="testSQL"
      isReadOnly={true}
      language="sql"
      lineDecorationsWidth={0}
      lineNumbers="on"
      lineNumbersMinChars={2}
      minimap={
        {
          "enabled": false,
        }
      }
      monacoContainerStyles={
        {
          "borderRadius": "4px",
          "height": "NaNpx",
        }
      }
      scrollBeyondLastLine={false}
      wordWrap="on"
    />
  </StackItem>
  <StackItem
    style={
      {
        "alignSelf": "flex-start",
      }
    }
  >
    <OutputBubbleButtons
      sqlQuery="testSQL"
    />
  </StackItem>
  <StackItem>
    <Text
      style={
        {
          "fontSize": "10px",
          "fontWeight": 400,
          "lineHeight": "14px",
        }
      }
    >
      AI-generated content may be incorrect
    </Text>
  </StackItem>
</Stack>
`;
