rsnext/packages/next-swc/crates/styled_jsx/tests/fixture/attribute-generation-classname-rewriting/output.js

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>;
});