export default function DahboardGeographySection() {
	return (
		<div className="dahboard-geography-section">
			<h3 className="section-title">🌍 География нарушений</h3>
			<div className="geography-grid">
				<div className="country-item">
					<div className="country-flag">🇺🇸</div>
					<div className="country-info">
						<div className="country-name">США</div>
						<div className="country-bar">
							<div className="country-bar-fill" style={{width: '44%'}}></div>
						</div>
					</div>
					<div className="country-stats">
						<div className="country-violations">231</div>
						<div className="country-percent">44%</div>
					</div>
				</div>
				<div className="country-item">
					<div className="country-flag">🇷🇺</div>
					<div className="country-info">
						<div className="country-name">Россия</div>
						<div className="country-bar">
							<div className="country-bar-fill" style={{width: '44%'}}></div>
						</div>
					</div>
					<div className="country-stats">
						<div className="country-violations">227</div>
						<div className="country-percent">44%</div>
					</div>
				</div>
				<div className="country-item">
					<div className="country-flag">🌐</div>
					<div className="country-info">
						<div className="country-name">Другие</div>
						<div className="country-bar">
							<div className="country-bar-fill" style={{width: '11%'}}></div>
						</div>
					</div>
					<div className="country-stats">
						<div className="country-violations">57</div>
						<div className="country-percent">11%</div>
					</div>
				</div>
				<div className="country-item">
					<div className="country-flag">🇬🇧</div>
					<div className="country-info">
						<div className="country-name">Великобритания</div>
						<div className="country-bar">
							<div className="country-bar-fill" style={{width: '1%'}}></div>
						</div>
					</div>
					<div className="country-stats">
						<div className="country-violations">4</div>
						<div className="country-percent">1%</div>
					</div>
				</div>
				<div className="country-item">
					<div className="country-flag">🇩🇪</div>
					<div className="country-info">
						<div className="country-name">Германия</div>
						<div className="country-bar">
							<div className="country-bar-fill" style={{width: '0%'}}></div>
						</div>
					</div>
					<div className="country-stats">
						<div className="country-violations">1</div>
						<div className="country-percent">0%</div>
					</div>
				</div>
			</div>
		</div>
	)
}