rsnext/packages/next/build/swc/tests/fixture/styled-jsx/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>;
});