index.js.snap

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

exports[`@emotion/babel-plugin autolabel-and-css-property-label 1`] = `
"/** @jsx jsx */
import { jsx, css } from '@emotion/react'

const SomeComponent = () => (
  <div
    className={css\`
      color: pink;
      label: iChenLei;
    \`}
  />
)

const OtherComponent = () => (
  <div
    className={css({
      color: 'blue',
      label: 'iChenLei'
    })}
  />
)


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

/** @jsx jsx */
import { jsx, css } from '@emotion/react';

var _ref2 = process.env.NODE_ENV === "production" ? {
  name: "1fxxsfa-iChenLei",
  styles: "color:pink;label:iChenLei"
} : {
  name: "nd3mvs-iChenLei-SomeComponent",
  styles: "color:pink;label:iChenLei;label:SomeComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF1dG9sYWJlbC1hbmQtY3NzLXByb3BlcnR5LWxhYmVsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQiIsImZpbGUiOiJhdXRvbGFiZWwtYW5kLWNzcy1wcm9wZXJ0eS1sYWJlbC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4LCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgU29tZUNvbXBvbmVudCA9ICgpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y3NzYFxuICAgICAgY29sb3I6IHBpbms7XG4gICAgICBsYWJlbDogaUNoZW5MZWk7XG4gICAgYH1cbiAgLz5cbilcblxuY29uc3QgT3RoZXJDb21wb25lbnQgPSAoKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICBjb2xvcjogJ2JsdWUnLFxuICAgICAgbGFiZWw6ICdpQ2hlbkxlaSdcbiAgICB9KX1cbiAgLz5cbilcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const SomeComponent = () => <div className={_ref2} />;

var _ref = process.env.NODE_ENV === "production" ? {
  name: "lbkv5g-iChenLei",
  styles: "color:blue;label:iChenLei"
} : {
  name: "102zoqq-iChenLei-OtherComponent",
  styles: "color:blue;label:iChenLei;label:OtherComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF1dG9sYWJlbC1hbmQtY3NzLXByb3BlcnR5LWxhYmVsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNlIiwiZmlsZSI6ImF1dG9sYWJlbC1hbmQtY3NzLXByb3BlcnR5LWxhYmVsLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3gsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBTb21lQ29tcG9uZW50ID0gKCkgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjc3NgXG4gICAgICBjb2xvcjogcGluaztcbiAgICAgIGxhYmVsOiBpQ2hlbkxlaTtcbiAgICBgfVxuICAvPlxuKVxuXG5jb25zdCBPdGhlckNvbXBvbmVudCA9ICgpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgIGNvbG9yOiAnYmx1ZScsXG4gICAgICBsYWJlbDogJ2lDaGVuTGVpJ1xuICAgIH0pfVxuICAvPlxuKVxuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const OtherComponent = () => <div className={_ref} />;"
`;

exports[`@emotion/babel-plugin core-with-component 1`] = `
"// @flow
import styled from '@emotion/styled'

const MyComponent = styled.div({ color: 'hotpink' })

const OtherComponent = MyComponent.withComponent('section')


      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from "@emotion/styled/base";

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

// @flow
const MyComponent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "eck06en0"
} : {
  target: "eck06en0",
  label: "MyComponent"
})(process.env.NODE_ENV === "production" ? {
  name: "3sn2xs",
  styles: "color:hotpink"
} : {
  name: "3sn2xs",
  styles: "color:hotpink",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvcmUtd2l0aC1jb21wb25lbnQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR29CIiwiZmlsZSI6ImNvcmUtd2l0aC1jb21wb25lbnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IE15Q29tcG9uZW50ID0gc3R5bGVkLmRpdih7IGNvbG9yOiAnaG90cGluaycgfSlcblxuY29uc3QgT3RoZXJDb21wb25lbnQgPSBNeUNvbXBvbmVudC53aXRoQ29tcG9uZW50KCdzZWN0aW9uJylcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});

const OtherComponent = MyComponent.withComponent('section', process.env.NODE_ENV === "production" ? {
  target: "eck06en1"
} : {
  target: "eck06en1",
  label: "OtherComponent"
});"
`;

exports[`@emotion/babel-plugin core-with-css-import 1`] = `
"/** @jsx jsx */
import { jsx, css } from '@emotion/react'

const SomeComponent = props => (
  <div
    css={css\`
      color: hotpink;
    \`}
    {...props}
  />
)


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

/** @jsx jsx */
import { jsx, css } from '@emotion/react';

var _ref = process.env.NODE_ENV === "production" ? {
  name: "3sn2xs",
  styles: "color:hotpink"
} : {
  name: "1wl9j1m-SomeComponent",
  styles: "color:hotpink;label:SomeComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvcmUtd2l0aC1jc3MtaW1wb3J0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtZIiwiZmlsZSI6ImNvcmUtd2l0aC1jc3MtaW1wb3J0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3gsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBTb21lQ29tcG9uZW50ID0gcHJvcHMgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogaG90cGluaztcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const SomeComponent = props => <div css={_ref} {...props} />;"
`;

exports[`@emotion/babel-plugin core-with-css-import-dynamic 1`] = `
"/** @jsx jsx */
import { jsx, css } from '@emotion/react'

const SomeComponent = props => (
  <div
    css={css\`
      color: \${window};
    \`}
    {...props}
  />
)


      ↓ ↓ ↓ ↓ ↓ ↓

/** @jsx jsx */
import { jsx, css } from '@emotion/react';

const SomeComponent = props => <div css={
/*#__PURE__*/

/*#__PURE__*/
css("color:", window, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SomeComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvcmUtd2l0aC1jc3MtaW1wb3J0LWR5bmFtaWMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoiY29yZS13aXRoLWNzcy1pbXBvcnQtZHluYW1pYy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4LCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgU29tZUNvbXBvbmVudCA9IHByb3BzID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgY29sb3I6ICR7d2luZG93fTtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:SomeComponent;")} {...props} />;"
`;

exports[`@emotion/babel-plugin css-prop-complex-array 1`] = `
"/** @jsx jsx */
import { jsx, Global } from '@emotion/react/macro'

const css1 = theme => ({ backgroundColor: theme.bgColor })
const css2 = theme => ({ padding: theme.spacing.small })

function SomeComponent(props) {
  return <div css={[css1, css2]}>{'Emotion'}</div>
}


      ↓ ↓ ↓ ↓ ↓ ↓

/** @jsx jsx */
import { jsx, Global } from "@emotion/react";

const css1 = theme => ({
  backgroundColor: theme.bgColor
});

const css2 = theme => ({
  padding: theme.spacing.small
});

function SomeComponent(props) {
  return <div css={[css1, css2, process.env.NODE_ENV === "production" ? "" : ";label:SomeComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1wcm9wLWNvbXBsZXgtYXJyYXkuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiY3NzLXByb3AtY29tcGxleC1hcnJheS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4LCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdC9tYWNybydcblxuY29uc3QgY3NzMSA9IHRoZW1lID0+ICh7IGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmdDb2xvciB9KVxuY29uc3QgY3NzMiA9IHRoZW1lID0+ICh7IHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcuc21hbGwgfSlcblxuZnVuY3Rpb24gU29tZUNvbXBvbmVudChwcm9wcykge1xuICByZXR1cm4gPGRpdiBjc3M9e1tjc3MxLCBjc3MyXX0+eydFbW90aW9uJ308L2Rpdj5cbn1cbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:SomeComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy1wcm9wLWNvbXBsZXgtYXJyYXkuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MiLCJmaWxlIjoiY3NzLXByb3AtY29tcGxleC1hcnJheS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4LCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdC9tYWNybydcblxuY29uc3QgY3NzMSA9IHRoZW1lID0+ICh7IGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmdDb2xvciB9KVxuY29uc3QgY3NzMiA9IHRoZW1lID0+ICh7IHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcuc21hbGwgfSlcblxuZnVuY3Rpb24gU29tZUNvbXBvbmVudChwcm9wcykge1xuICByZXR1cm4gPGRpdiBjc3M9e1tjc3MxLCBjc3MyXX0+eydFbW90aW9uJ308L2Rpdj5cbn1cbiJdfQ== */"]}>{'Emotion'}</div>;
}"
`;

exports[`@emotion/babel-plugin does-not-change-other-props 1`] = `
"/** @jsx jsx */
import { jsx } from '@emotion/react'

const Svg = <rect style={{ stroke: '#ff0000' }} />


      ↓ ↓ ↓ ↓ ↓ ↓

/** @jsx jsx */
import { jsx } from '@emotion/react';
const Svg = <rect style={{
  stroke: '#ff0000'
}} />;"
`;

exports[`@emotion/babel-plugin dynamic 1`] = `
"/** @jsx jsx */
import { jsx } from '@emotion/react'

const SomeComponent = props => <div css={{ color: window }} {...props} />


      ↓ ↓ ↓ ↓ ↓ ↓

import { css as _css } from "@emotion/react";

/** @jsx jsx */
import { jsx } from '@emotion/react';

const SomeComponent = props => <div css={/*#__PURE__*/_css({
  color: window
}, process.env.NODE_ENV === "production" ? "" : ";label:SomeComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR29DIiwiZmlsZSI6ImR5bmFtaWMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBTb21lQ29tcG9uZW50ID0gcHJvcHMgPT4gPGRpdiBjc3M9e3sgY29sb3I6IHdpbmRvdyB9fSB7Li4ucHJvcHN9IC8+XG4iXX0= */")} {...props} />;"
`;

exports[`@emotion/babel-plugin function-declaration 1`] = `
"// @flow
import * as React from 'react'
import { jsx } from '@emotion/react'

function Logo(props) {
  return (
    <a
      css={{
        display: 'block'
      }}
    />
  )
}


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

// @flow
import * as React from 'react';
import { jsx } from '@emotion/react';

var _ref = process.env.NODE_ENV === "production" ? {
  name: "4zleql",
  styles: "display:block"
} : {
  name: "jgxhdf-Logo",
  styles: "display:block;label:Logo;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZ1bmN0aW9uLWRlY2xhcmF0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9NIiwiZmlsZSI6ImZ1bmN0aW9uLWRlY2xhcmF0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQGZsb3dcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIExvZ28ocHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8YVxuICAgICAgY3NzPXt7XG4gICAgICAgIGRpc3BsYXk6ICdibG9jaydcbiAgICAgIH19XG4gICAgLz5cbiAgKVxufVxuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

function Logo(props) {
  return <a css={_ref} />;
}"
`;

exports[`@emotion/babel-plugin import-namespace-does-not-throw 1`] = `
"import * as emotionCore from '@emotion/react'
// could probably support this for real but it's pretty rare so I'm not gonna spend time on it now


      ↓ ↓ ↓ ↓ ↓ ↓

import * as emotionCore from '@emotion/react'; // could probably support this for real but it's pretty rare so I'm not gonna spend time on it now"
`;

exports[`@emotion/babel-plugin jsx-hoist 1`] = `
"/** @jsx jsx */
import { jsx } from '@emotion/react'

const SomeComponent = props => (
  <div
    css={{
      color: 'hotpink'
    }}
    {...props}
  />
)


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

/** @jsx jsx */
import { jsx } from '@emotion/react';

var _ref = process.env.NODE_ENV === "production" ? {
  name: "3sn2xs",
  styles: "color:hotpink"
} : {
  name: "1wl9j1m-SomeComponent",
  styles: "color:hotpink;label:SomeComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImpzeC1ob2lzdC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLSSIsImZpbGUiOiJqc3gtaG9pc3QuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBTb21lQ29tcG9uZW50ID0gcHJvcHMgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBjb2xvcjogJ2hvdHBpbmsnXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pXG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const SomeComponent = props => <div css={_ref} {...props} />;"
`;

exports[`@emotion/babel-plugin object-property 1`] = `
"// @flow
import * as React from 'react'
import { jsx } from '@emotion/react'
import styled from '@emotion/styled'

const MyObject = {
  MyProperty: styled.div({ color: 'hotpink' })
}

function Logo(props) {
  return <MyObject.MyProperty />
}


      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from "@emotion/styled/base";

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

// @flow
import * as React from 'react';
import { jsx } from '@emotion/react';
const MyObject = {
  MyProperty: /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
    target: "erl9uiw0"
  } : {
    target: "erl9uiw0",
    label: "MyProperty"
  })(process.env.NODE_ENV === "production" ? {
    name: "3sn2xs",
    styles: "color:hotpink"
  } : {
    name: "3sn2xs",
    styles: "color:hotpink",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9iamVjdC1wcm9wZXJ0eS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNYyIsImZpbGUiOiJvYmplY3QtcHJvcGVydHkuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBNeU9iamVjdCA9IHtcbiAgTXlQcm9wZXJ0eTogc3R5bGVkLmRpdih7IGNvbG9yOiAnaG90cGluaycgfSlcbn1cblxuZnVuY3Rpb24gTG9nbyhwcm9wcykge1xuICByZXR1cm4gPE15T2JqZWN0Lk15UHJvcGVydHkgLz5cbn1cbiJdfQ== */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  })
};

function Logo(props) {
  return <MyObject.MyProperty />;
}"
`;

exports[`@emotion/babel-plugin static-object-with-camel-case 1`] = `
"/** @jsx jsx */
import { jsx } from '@emotion/react'

const SomeComponent = props => (
  <div
    css={{
      color: 'hotpink',
      backgroundColor: 'green'
    }}
    {...props}
  />
)


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

/** @jsx jsx */
import { jsx } from '@emotion/react';

var _ref = process.env.NODE_ENV === "production" ? {
  name: "qmoypw",
  styles: "color:hotpink;background-color:green"
} : {
  name: "lcrht-SomeComponent",
  styles: "color:hotpink;background-color:green;label:SomeComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YXRpYy1vYmplY3Qtd2l0aC1jYW1lbC1jYXNlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtJIiwiZmlsZSI6InN0YXRpYy1vYmplY3Qtd2l0aC1jYW1lbC1jYXNlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgU29tZUNvbXBvbmVudCA9IHByb3BzID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgY29sb3I6ICdob3RwaW5rJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJ1xuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKVxuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const SomeComponent = props => <div css={_ref} {...props} />;"
`;

exports[`@emotion/babel-plugin static-object-with-child-selectors 1`] = `
"/** @jsx jsx */

import { jsx } from '@emotion/react'

const SomeComponent = props => {
  return (
    <div
      css={{
        color: 'green',
        ':hover': {
          color: 'hotpink'
        }
      }}
      {...props}
    />
  )
}


      ↓ ↓ ↓ ↓ ↓ ↓

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)."; }

/** @jsx jsx */
import { jsx } from '@emotion/react';

var _ref = process.env.NODE_ENV === "production" ? {
  name: "1t2q7lq",
  styles: "color:green;:hover{color:hotpink;}"
} : {
  name: "1vvht02-SomeComponent",
  styles: "color:green;:hover{color:hotpink;};label:SomeComponent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YXRpYy1vYmplY3Qtd2l0aC1jaGlsZC1zZWxlY3RvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT00iLCJmaWxlIjoic3RhdGljLW9iamVjdC13aXRoLWNoaWxkLXNlbGVjdG9ycy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuXG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgU29tZUNvbXBvbmVudCA9IHByb3BzID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e3tcbiAgICAgICAgY29sb3I6ICdncmVlbicsXG4gICAgICAgICc6aG92ZXInOiB7XG4gICAgICAgICAgY29sb3I6ICdob3RwaW5rJ1xuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

const SomeComponent = props => {
  return <div css={_ref} {...props} />;
};"
`;