ShadowButton.js

import React from 'react';
import { ReactShadowRoot } from 'react-shadow-root';

const ShadowButton = () => {
	return (
		<ReactShadowRoot>
			<style>
				{`
					button {
						background-color: #6200ea;
						color: white;
						border: none;
						padding: 10px 20px;
						border-radius: 5px;
						cursor: pointer;
						font-size: 16px;
					}
					button:hover {
						background-color: #3700b3;
					}
				`}
			</style>
			<button>Click Me!</button>
		</ReactShadowRoot>
	);
};

export default ShadowButton;