atlas/packages/components/__tests__/__snapshots__/SearchBar.test.js.snap

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

exports[`SearchBar component Should render correctly 1`] = `
<Memo(SearchBar)
  placeholder="Type here..."
  value="test"
>
  <div
    css={
      Object {
        "map": undefined,
        "name": "laoupi",
        "next": undefined,
        "styles": "
      display: flex;
      padding: 1.5rem;
      margin: 1rem;
      border-radius: 0.5rem;
      border: none;

      & * {
        font-size: 1rem;
      }
    ",
        "toString": [Function],
      }
    }
  >
    <input
      css={
        Object {
          "map": undefined,
          "name": "c0kzty",
          "next": undefined,
          "styles": "
      padding: 0.75rem 0.5rem;
      font-weight: 100;
      border-radius: 0.25rem;
      border: 1px solid #000;
    ",
          "toString": [Function],
        }
      }
      onChange={[Function]}
      placeholder="Type here..."
      type="text"
      value="test"
    />
    <Memo(Button)
      onClick={[Function]}
    >
      <button
        css={
          Object {
            "map": undefined,
            "name": "1s1uxvy",
            "next": undefined,
            "styles": "
    
    padding: 0.75rem 0.5rem;

    font-size: 1rem;

    width: auto;
  ;
    border-radius: 0.25rem;
    border-color: ;
    border-style: solid;
    border-width: 2px;
    font-style: 'Lato','Helvetica Neue',Arial,Helvetica,sans-serif;
    background-color: #2578C2;
    color: #fff;
  ",
            "toString": [Function],
          }
        }
        onClick={[Function]}
      >
        Search
      </button>
    </Memo(Button)>
  </div>
</Memo(SearchBar)>
`;