rsnext/packages/next/build/swc/tests/fixture/styled-jsx/fragment/output.js
Maia Teegarden 4a2d5a1b49
Add/styled jsx swc (#29005)
Co-authored-by: Tim Neutkens <tim@timneutkens.nl>
Co-authored-by: Tim Neutkens <timneutkens@me.com>
2021-09-15 09:24:31 +02:00

29 lines
No EOL
1 KiB
JavaScript

import _JSXStyle from "styled-jsx/style";
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}\n.foo.jsx-6dd5f97e085c0297 {font-size:18px;\ncolor:hotpink}\n#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>;
}