rsnext/packages/next-swc/crates/styled_jsx/tests/fixture/fragment/output.js
Donny/강동윤 a463553da2
Update swc (#37149)
* Update swc

* Update test refs

* Update test refs
2022-05-24 00:56:45 -05:00

47 lines
1.1 KiB
JavaScript

import _JSXStyle from "next/dist/shared/lib/styled-jsx";
import React from 'react';
export default (()=><>
<p className={"jsx-6dd5f97e085c0297"}>Testing!!!</p>
<p className={"jsx-6dd5f97e085c0297" + " " + "foo"}>Bar</p>
<>
<h3 id="head" className={"jsx-6dd5f97e085c0297"}>Title...</h3>
<React.Fragment >
<p className={"jsx-6dd5f97e085c0297"}>hello</p>
<>
<p className={"jsx-6dd5f97e085c0297"}>foo</p>
<p className={"jsx-6dd5f97e085c0297"}>bar</p>
</>
<p className={"jsx-6dd5f97e085c0297"}>world</p>
</React.Fragment>
</>
<_JSXStyle id={"6dd5f97e085c0297"}>{"p.jsx-6dd5f97e085c0297{color:cyan}.foo.jsx-6dd5f97e085c0297{font-size:18px;color:hotpink}#head.jsx-6dd5f97e085c0297{text-decoration:underline}"}</_JSXStyle>
</>);
function Component1() {
return <>
<div >test</div>
</>;
}
function Component2() {
return <div className={"jsx-678f41ca6d3b294b"}>
<_JSXStyle id={"678f41ca6d3b294b"}>{"div.jsx-678f41ca6d3b294b{color:red}"}</_JSXStyle>
</div>;
}