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

exports[`ProblemTypeSelect snapshot DROPDOWN 1`] = `
<Container
  style={
    Object {
      "height": "400px",
      "width": "494px",
    }
  }
>
  <SelectableBox.Set
    columns={1}
    onChange={[Function]}
    type="radio"
    value="optionresponse"
  >
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="multiplechoiceresponse"
      type="radio"
      value="multiplechoiceresponse"
    >
      Single select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="choiceresponse"
      type="radio"
      value="choiceresponse"
    >
      Multi-select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="optionresponse"
      type="radio"
      value="optionresponse"
    >
      Dropdown
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="numericalresponse"
      type="radio"
      value="numericalresponse"
    >
      Numerical input
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="stringresponse"
      type="radio"
      value="stringresponse"
    >
      Text input
    </SelectableBox>
  </SelectableBox.Set>
  <Button
    className="pl-0 mt-2"
    onClick={[Function]}
    variant="link"
  >
    <FormattedMessage
      defaultMessage="Advanced problem types"
      description="Button label for advance problem types option"
      id="authoring.problemEditor.problemSelect.advanceButton.label"
    />
  </Button>
</Container>
`;

exports[`ProblemTypeSelect snapshot MULTISELECT 1`] = `
<Container
  style={
    Object {
      "height": "400px",
      "width": "494px",
    }
  }
>
  <SelectableBox.Set
    columns={1}
    onChange={[Function]}
    type="radio"
    value="choiceresponse"
  >
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="multiplechoiceresponse"
      type="radio"
      value="multiplechoiceresponse"
    >
      Single select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="choiceresponse"
      type="radio"
      value="choiceresponse"
    >
      Multi-select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="optionresponse"
      type="radio"
      value="optionresponse"
    >
      Dropdown
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="numericalresponse"
      type="radio"
      value="numericalresponse"
    >
      Numerical input
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="stringresponse"
      type="radio"
      value="stringresponse"
    >
      Text input
    </SelectableBox>
  </SelectableBox.Set>
  <Button
    className="pl-0 mt-2"
    onClick={[Function]}
    variant="link"
  >
    <FormattedMessage
      defaultMessage="Advanced problem types"
      description="Button label for advance problem types option"
      id="authoring.problemEditor.problemSelect.advanceButton.label"
    />
  </Button>
</Container>
`;

exports[`ProblemTypeSelect snapshot NUMERIC 1`] = `
<Container
  style={
    Object {
      "height": "400px",
      "width": "494px",
    }
  }
>
  <SelectableBox.Set
    columns={1}
    onChange={[Function]}
    type="radio"
    value="numericalresponse"
  >
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="multiplechoiceresponse"
      type="radio"
      value="multiplechoiceresponse"
    >
      Single select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="choiceresponse"
      type="radio"
      value="choiceresponse"
    >
      Multi-select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="optionresponse"
      type="radio"
      value="optionresponse"
    >
      Dropdown
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="numericalresponse"
      type="radio"
      value="numericalresponse"
    >
      Numerical input
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="stringresponse"
      type="radio"
      value="stringresponse"
    >
      Text input
    </SelectableBox>
  </SelectableBox.Set>
  <Button
    className="pl-0 mt-2"
    onClick={[Function]}
    variant="link"
  >
    <FormattedMessage
      defaultMessage="Advanced problem types"
      description="Button label for advance problem types option"
      id="authoring.problemEditor.problemSelect.advanceButton.label"
    />
  </Button>
</Container>
`;

exports[`ProblemTypeSelect snapshot SINGLESELECT 1`] = `
<Container
  style={
    Object {
      "height": "400px",
      "width": "494px",
    }
  }
>
  <SelectableBox.Set
    columns={1}
    onChange={[Function]}
    type="radio"
    value="multiplechoiceresponse"
  >
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="multiplechoiceresponse"
      type="radio"
      value="multiplechoiceresponse"
    >
      Single select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="choiceresponse"
      type="radio"
      value="choiceresponse"
    >
      Multi-select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="optionresponse"
      type="radio"
      value="optionresponse"
    >
      Dropdown
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="numericalresponse"
      type="radio"
      value="numericalresponse"
    >
      Numerical input
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="stringresponse"
      type="radio"
      value="stringresponse"
    >
      Text input
    </SelectableBox>
  </SelectableBox.Set>
  <Button
    className="pl-0 mt-2"
    onClick={[Function]}
    variant="link"
  >
    <FormattedMessage
      defaultMessage="Advanced problem types"
      description="Button label for advance problem types option"
      id="authoring.problemEditor.problemSelect.advanceButton.label"
    />
  </Button>
</Container>
`;

exports[`ProblemTypeSelect snapshot TEXTINPUT 1`] = `
<Container
  style={
    Object {
      "height": "400px",
      "width": "494px",
    }
  }
>
  <SelectableBox.Set
    columns={1}
    onChange={[Function]}
    type="radio"
    value="stringresponse"
  >
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="multiplechoiceresponse"
      type="radio"
      value="multiplechoiceresponse"
    >
      Single select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="choiceresponse"
      type="radio"
      value="choiceresponse"
    >
      Multi-select
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="optionresponse"
      type="radio"
      value="optionresponse"
    >
      Dropdown
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="numericalresponse"
      type="radio"
      value="numericalresponse"
    >
      Numerical input
    </SelectableBox>
    <SelectableBox
      aria-label="checkbox"
      className="border border-light-400 text-primary-500 shadow-none"
      id="stringresponse"
      type="radio"
      value="stringresponse"
    >
      Text input
    </SelectableBox>
  </SelectableBox.Set>
  <Button
    className="pl-0 mt-2"
    onClick={[Function]}
    variant="link"
  >
    <FormattedMessage
      defaultMessage="Advanced problem types"
      description="Button label for advance problem types option"
      id="authoring.problemEditor.problemSelect.advanceButton.label"
    />
  </Button>
</Container>
`;
