4a2d5a1b49
Co-authored-by: Tim Neutkens <tim@timneutkens.nl> Co-authored-by: Tim Neutkens <timneutkens@me.com>
43 lines
750 B
JavaScript
43 lines
750 B
JavaScript
export default ({ level = 1 }) => {
|
|
const Element = `h${level}`
|
|
|
|
return (
|
|
<Element className="root">
|
|
<p>dynamic element</p>
|
|
<style jsx>{`
|
|
.root {
|
|
background: red;
|
|
}
|
|
`}</style>
|
|
</Element>
|
|
)
|
|
}
|
|
|
|
export const TestLowerCase = ({ level = 1 }) => {
|
|
const element = `h${level}`
|
|
|
|
return (
|
|
<element className="root">
|
|
<p>dynamic element</p>
|
|
<style jsx>{`
|
|
.root {
|
|
background: red;
|
|
}
|
|
`}</style>
|
|
</element>
|
|
)
|
|
}
|
|
|
|
const Element2 = 'div'
|
|
export const Test2 = () => {
|
|
return (
|
|
<Element2 className="root">
|
|
<p>dynamic element</p>
|
|
<style jsx>{`
|
|
.root {
|
|
background: red;
|
|
}
|
|
`}</style>
|
|
</Element2>
|
|
)
|
|
}
|