import { createRoot } from 'react-dom/client';
import './index.css';
import { ConfigProvider } from 'antd';
import locale from 'antd/locale/ru_RU';
import dayjs from 'dayjs';
import App from './App';

import 'dayjs/locale/ru';

dayjs.locale('ru');

const rootElement = document.getElementById('root');
if (!rootElement) {
	throw new Error('Не найден корневой элемент #root');
}

createRoot(rootElement).render(
	// <StrictMode>
	<ConfigProvider
		locale={locale}
		theme={{
			token: {
				colorPrimary: 'rgba(46, 166, 75, 0.8)',
				fontFamily: 'Geist',
				// colorPrimaryHover: "black",
				colorBgLayout: 'rgb(247, 248, 250)',
				colorBgTextHover: '#f8fafc',
			},
			components: {
				Layout: {
					siderBg: '#fff',
					fontSize: 13,
				},

				Button: {
					defaultBorderColor: '#c7cdd5',
					defaultHoverBg: '#f8fafc',
					defaultHoverColor: 'black',
					defaultHoverBorderColor: '#c7cdd5',
					fontWeight: 500,
				},
				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)',
				},
				Table: {
					headerColor: '#667085',
					headerBg: 'rgb(248, 250, 252)',
				},
				Form: {
					labelFontSize: 12,
					labelColor: '#667085',
				},
			},
		}}>
		<App />
	</ConfigProvider>,
	// </StrictMode>,
);