阴影框组件

import { ReactNode } from "react";

export default function Shadow({ children }: { children: ReactNode; }) {
	return <>
		<div>{children}</div>
		<style jsx>{`
div{
	box-shadow: 0.2rem 0.2rem 0.3rem #e0e0e0;
}
`}</style>
	</>;
}

(()=>{
function Shadow({ children }) {
	return <>
		<div className='shadow'>{children}</div>
		<style jsx>{`
.shadow{
	box-shadow: 5rem 5rem 0.3rem red;
}
`}</style>
	</>;
}
return <>
<Shadow>Shadow arount me</Shadow>
</>;
})();