text: import _JSXStyle from "styled-jsx/style";
  export default (()=>{
      const Element = 'div';
      return <div className={"jsx-abb4c2202db1a207"}>
  
        <div {...test.test} className={"jsx-abb4c2202db1a207" + " " + (test.test && test.test.className != null && test.test.className || "test")}/>
  
        <div {...test.test.test} className={"jsx-abb4c2202db1a207" + " " + (test.test.test && test.test.test.className != null && test.test.test.className || "test")}/>
  
        <div {...this.test.test} className={"jsx-abb4c2202db1a207" + " " + (this.test.test && this.test.test.className != null && this.test.test.className || "test")}/>
  
        <div data-test="test" className={"jsx-abb4c2202db1a207"}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + `test`}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + `test${true ? ' test2' : ''}`}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + ('test ' + test || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + ([
          'test',
          'test2'
      ].join(' ') || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (true && 'test' || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + ((test ? 'test' : null) || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (test || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (test && 'test' || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (test && test('test') || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (undefined || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (null || "")}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + (false || "")}/>
  
        <div data-test className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div data-test className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div data-test="test" className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || 'test')}/>
  
        <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || 'test')}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || `test ${test ? 'test' : ''}`)}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') || "")}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') && 'test' || "")}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') && test2('test') || "")}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
  
        <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || 'test')}/>
  
        <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "")}/>
  
        <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "")}/>
  
        <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "")}/>
  
        <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || 'test')}/>
  
        <div {...{
          id: 'foo'
      }} className={"jsx-abb4c2202db1a207"}/>
  
        <div className={"jsx-abb4c2202db1a207" + " " + 'foo'}/>
  
        <div {...{
          className: 'foo'
      }} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
  
        <div className="test" className={"jsx-abb4c2202db1a207" + " " + 'foo'}/>
  
        <div {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || 'foo')}/>
  
        <div {...{
          className: 'foo'
      }} {...bar} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
  
        <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || 'foo')}/>
  
        <div className="test" className={"jsx-abb4c2202db1a207" + " " + (props.className || "")}/>
  
        <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || props.className || "")}/>
  
        <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (props.className || "")}/>
  
        <div {...bar()} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
  
        <Element className={"jsx-abb4c2202db1a207"}/>
  
        <Element className={"jsx-abb4c2202db1a207" + " " + "test"}/>
  
        <Element {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "")}/>
  
        <_JSXStyle id={"abb4c2202db1a207"}>{"div.jsx-abb4c2202db1a207{color:red}"}</_JSXStyle>
  
      </div>;
  });
  