import { createRoot } from 'react-dom/client';
import './index.css';
import { App as AntApp, ConfigProvider } from 'antd';
import App from './App';

const rootElement = document.getElementById('root');
if (!rootElement) {
	throw new Error('Элемент #root не найден');
}

createRoot(rootElement).render(
	// <StrictMode>
	<ConfigProvider
		theme={{
			token: {
				colorPrimary: 'rgba(0, 255, 0, 0.5)',
				colorPrimaryHover: 'rgba(0, 255, 0, 1)',
				colorBgLayout: 'rgb(247, 248, 250)',
			},
			components: {
				Layout: {
					siderBg: '#fff',
				},
				Button: {
					// textHoverBg: "green",
					colorBorder: 'rgba(0,0,0,0.5)',
					defaultActiveBorderColor: 'rgba(0,0,0,0.5)',
					defaultBorderColor: 'rgba(0,0,0,0.5)',
				},
				Input: {
					activeBorderColor: 'rgba(46, 166, 75, 0.35)',
					activeShadow: '0 0 0 1px #2ea64b59,0 1px 2px #0000000f',
					hoverBorderColor: 'rgba(46, 166, 75, 0.35)',
				},
			},
		}}
	>
		{/* AntApp даёт message/notification через App.useApp() с темой ConfigProvider; component={false} — без лишнего div */}
		<AntApp component={false}>
			<App />
		</AntApp>
	</ConfigProvider>,
	// </StrictMode>,
);