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

exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is true 1`] = `
<Fragment>
  <Modal
    isBlocking={false}
    isOpen={true}
    onDismiss={[Function]}
    styles={
      {
        "main": {
          "borderRadius": 10,
          "maxHeight": 600,
          "overflow": "hidden",
        },
      }
    }
  >
    <Stack
      className="modalContentPadding"
    >
      <Stack
        horizontal={true}
      >
        <Stack
          grow={4}
          horizontal={true}
          horizontalAlign="end"
        >
          <StackItem>
            <Image
              src={{}}
            />
          </StackItem>
        </Stack>
        <Stack
          className="exitPadding"
          grow={1}
          horizontal={true}
          horizontalAlign="end"
          verticalAlign="start"
        >
          <StackItem>
            <CustomizedIconButton
              ariaLabel="Exit"
              className="exitIcon"
              iconProps={
                {
                  "iconName": "Cancel",
                }
              }
              onClick={[Function]}
              title="Exit"
            />
          </StackItem>
        </Stack>
      </Stack>
      <Stack
        horizontalAlign="center"
      >
        <StackItem
          align="center"
          style={
            {
              "textAlign": "center",
            }
          }
        >
          <Text
            as="h1"
            className="title bold"
          >
            Welcome to Microsoft Copilot for Azure in Cosmos DB (preview)
          </Text>
        </StackItem>
        <StackItem
          align="center"
          className="text"
        >
          <Stack
            horizontal={true}
          >
            <StackItem
              align="start"
              className="imageTextPadding"
            >
              <Image
                src={{}}
              />
            </StackItem>
            <StackItem
              align="start"
            >
              <Text
                className="bold"
              >
                Let Copilot do the work for you
                <br />
              </Text>
            </StackItem>
          </Stack>
          <Text>
            Ask Copilot to generate a query by describing the query in your words.
            <br />
            <StyledLinkBase
              href="https://aka.ms/MicrosoftCopilotForAzureInCDBHowTo"
              target="_blank"
            >
              Learn more
            </StyledLinkBase>
          </Text>
        </StackItem>
        <StackItem
          align="center"
          className="text"
        >
          <Stack
            horizontal={true}
          >
            <StackItem
              align="start"
              className="imageTextPadding"
            >
              <Image
                src={{}}
              />
            </StackItem>
            <StackItem
              align="start"
            >
              <Text
                className="bold"
              >
                Use your judgement
                <br />
              </Text>
            </StackItem>
          </Stack>
          <Text>
            AI-generated content can have mistakes. Make sure it is accurate and appropriate before executing the query.
            <br />
            <StyledLinkBase
              href="https://aka.ms/cdb-copilot-preview-terms"
              target="_blank"
            >
              Read our preview terms here
            </StyledLinkBase>
          </Text>
        </StackItem>
      </Stack>
      <Stack
        className="buttonPadding"
      >
        <StackItem
          align="center"
        >
          <CustomizedPrimaryButton
            className="tryButton"
            onClick={[Function]}
          >
            Try Copilot
          </CustomizedPrimaryButton>
        </StackItem>
      </Stack>
    </Stack>
  </Modal>
</Fragment>
`;
