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

exports[`Spinner has custom color  1`] = `
<Spinner
  color="#ffffff"
  size="small"
>
  <div
    role="status"
    style={
      Object {
        "border": "3px solid #ffffff",
        "borderRadius": "50%",
        "borderRightColor": "transparent",
        "display": "inline-block",
        "height": "25px",
        "verticalAlign": "text-bottom",
        "width": "25px",
      }
    }
  >
    <ScreenReaderOnlyText>
      <span
        style={
          Object {
            "border": 0,
            "clip": "rect(0,0,0,0)",
            "height": "1px",
            "margin": "-1px",
            "overflow": "hidden",
            "padding": 0,
            "position": "absolute",
            "width": "1px",
          }
        }
      >
        Loading...
      </span>
    </ScreenReaderOnlyText>
  </div>
</Spinner>
`;

exports[`Spinner is large 1`] = `
<Spinner
  color="currentcolor"
  size="large"
>
  <div
    role="status"
    style={
      Object {
        "border": "3px solid currentcolor",
        "borderRadius": "50%",
        "borderRightColor": "transparent",
        "display": "inline-block",
        "height": "100px",
        "verticalAlign": "text-bottom",
        "width": "100px",
      }
    }
  >
    <ScreenReaderOnlyText>
      <span
        style={
          Object {
            "border": 0,
            "clip": "rect(0,0,0,0)",
            "height": "1px",
            "margin": "-1px",
            "overflow": "hidden",
            "padding": 0,
            "position": "absolute",
            "width": "1px",
          }
        }
      >
        Loading...
      </span>
    </ScreenReaderOnlyText>
  </div>
</Spinner>
`;

exports[`Spinner is normal 1`] = `
<Spinner
  color="currentcolor"
  size="normal"
>
  <div
    role="status"
    style={
      Object {
        "border": "3px solid currentcolor",
        "borderRadius": "50%",
        "borderRightColor": "transparent",
        "display": "inline-block",
        "height": "50px",
        "verticalAlign": "text-bottom",
        "width": "50px",
      }
    }
  >
    <ScreenReaderOnlyText>
      <span
        style={
          Object {
            "border": 0,
            "clip": "rect(0,0,0,0)",
            "height": "1px",
            "margin": "-1px",
            "overflow": "hidden",
            "padding": 0,
            "position": "absolute",
            "width": "1px",
          }
        }
      >
        Loading...
      </span>
    </ScreenReaderOnlyText>
  </div>
</Spinner>
`;

exports[`Spinner is small 1`] = `
<Spinner
  color="currentcolor"
  size="small"
>
  <div
    role="status"
    style={
      Object {
        "border": "3px solid currentcolor",
        "borderRadius": "50%",
        "borderRightColor": "transparent",
        "display": "inline-block",
        "height": "25px",
        "verticalAlign": "text-bottom",
        "width": "25px",
      }
    }
  >
    <ScreenReaderOnlyText>
      <span
        style={
          Object {
            "border": 0,
            "clip": "rect(0,0,0,0)",
            "height": "1px",
            "margin": "-1px",
            "overflow": "hidden",
            "padding": 0,
            "position": "absolute",
            "width": "1px",
          }
        }
      >
        Loading...
      </span>
    </ScreenReaderOnlyText>
  </div>
</Spinner>
`;