index.tsx.snap

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

exports[`BaseStyles renders 1`] = `
.emotion-0 {
  font-family: system-ui,sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

<div
  className="emotion-0"
/>
`;

exports[`BaseStyles renders sx prop styles 1`] = `
.emotion-0 {
  font-family: body;
  line-height: body;
  font-weight: body;
  color: var(--theme-ui-colors-custom);
}

<div
  className="emotion-0"
/>
`;

exports[`creates non-standard components 1`] = `
.emotion-0 {
  color: tomato;
}

<sup
  className="emotion-0"
>
  hey
</sup>
`;

exports[`renders 1`] = `
<h1
  className="emotion-0"
>
  Hello
</h1>
`;

exports[`renders with styles 1`] = `
.emotion-0 {
  color: tomato;
}

<h1
  className="emotion-0"
>
  Hello
</h1>
`;