rsnext/packages/next/build/swc/tests/fixture/styled-jsx/tpl-placeholder-5-values-of-multiple-properties/output.js

import _JSXStyle from "styled-jsx/style";
export default class {
    render() {
        return <div className={_JSXStyle.dynamic([
            [
                "21ae2868f133bbf6",
                [
                    a ? "100%" : "200px",
                    b ? "0" : "8px 20px"
                ]
            ]
        ])}>

          <p className={_JSXStyle.dynamic([
            [
                "21ae2868f133bbf6",
                [
                    a ? "100%" : "200px",
                    b ? "0" : "8px 20px"
                ]
            ]
        ])}>test</p>

          <_JSXStyle id={"21ae2868f133bbf6"} dynamic={[
            a ? "100%" : "200px",
            b ? "0" : "8px 20px"
        ]}>{`.item.__jsx-style-dynamic-selector {max-width:${a ? "100%" : "200px"};
padding:${b ? "0" : "8px 20px"}}`}</_JSXStyle>

        </div>;
    }
};