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

exports[`component.UI.Modal should render correctly 1`] = `
.c2 {
  margin-left: auto;
  padding: 8px;
  cursor: pointer;
  opacity: 1;
}

.c3 {
  padding: 8px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c0 {
  padding: 16px;
  width: 100%;
  background-color: darkestBackground;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c1 {
  color: primaryText;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

<div
  className="c0"
  width={1}
>
  <header
    className="c1"
    color="primaryText"
  >
    <div
      className="c2"
      onMouseEnter={[Function]}
      onMouseLeave={[Function]}
    >
      <svg
        height="2em"
        viewBox="0 0 22 20"
        width="2em"
      >
        <defs>
          <path
            d="M10 10L0 20l10-10L0 0l10 10L20 0l-8.394 8.394L10 10l1.606 1.606L20 20 10 10z"
            id="x_svg__a"
          />
        </defs>
        <use
          fill="none"
          fillRule="evenodd"
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
          transform="translate(1)"
          xlinkHref="#x_svg__a"
        />
      </svg>
    </div>
  </header>
  <section
    className="c3"
  />
</div>
`;