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

exports[`Footer snapshot test should not pass if no text 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value=""
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;

exports[`Footer snapshot test should not pass text with non enter key 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value=""
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;

exports[`Footer snapshot test should open sample prompts on button click 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value=""
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;

exports[`Footer snapshot test should pass text with enter key 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value="test message"
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;

exports[`Footer snapshot test should pass text with icon button 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value="test message"
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;

exports[`Footer snapshot test should update user input 1`] = `
<Stack
  horizontal={true}
  horizontalAlign="end"
  style={
    {
      "alignItems": "center",
      "background": "white",
      "borderRadius": "20px",
      "display": "flex",
      "margin": "5px",
      "padding": "5px",
    }
  }
  verticalAlign="end"
>
  <Stack>
    <Image
      onClick={[Function]}
      src={{}}
      styles={
        {
          "label": {
            "fontWeight": 400,
            "paddingLeft": 8,
            "textAlign": "left",
          },
          "root": {
            "border": "5px",
            "selectors": {
              ":hover": {
                "outline": "1px dashed #605e5c",
              },
            },
          },
        }
      }
    />
    <SamplePrompts
      sampleProps={
        {
          "isSamplePromptsOpen": false,
          "setIsSamplePromptsOpen": [Function],
          "setTextBox": [Function],
        }
      }
    />
  </Stack>
  <StyledTextFieldBase
    disabled={null}
    multiline={true}
    onChange={[Function]}
    onKeyDown={[Function]}
    placeholder="Write your own prompt or ask a question"
    resizable={false}
    styles={
      {
        "fieldGroup": {
          "border": "none",
        },
        "root": {
          "border": "none",
          "borderRadius": "20px",
          "height": "80px",
          "marginLeft": "10px",
          "outline": "none",
          "padding": "8px",
          "width": "100%",
        },
      }
    }
    value=""
  />
  <CustomizedIconButton
    disabled={null}
    iconProps={
      {
        "iconName": "Send",
      }
    }
    onClick={[Function]}
  />
</Stack>
`;
