import { ReactNode } from "react";

function create(
	icon: string,
	size: { width: number; height: number }
): () => ReactNode {
	return () => (
		<img
			src={"/images/icons/" + icon}
			alt=""
			width={size.width}
			height={size.height}
		/>
	);
}

export const Ru = create("ru.svg", { width: 24, height: 24 }),
	En = create("en.svg", { width: 24, height: 24 }),
	Kz = create("kz.svg", { width: 24, height: 24 }),
	Alarm = create("alarm.svg", { width: 24, height: 24 }),
	Alert = create("alert.svg", { width: 30, height: 30 }),
	ArrowDown = create("arrow-down.svg", { width: 24, height: 24 }),
	Close = create("close.svg", { width: 24, height: 24 }),
	EyeClosed = create("eye-closed.svg", { width: 24, height: 24 }),
	EyeOpened = create("eye-opened.svg", { width: 24, height: 24 }),
	GoodStatus = create("good-status.svg", { width: 24, height: 24 }),
	Location = create("location.svg", { width: 30, height: 30 }),
	Mark = create("mark.svg", { width: 24, height: 24 }),
	Menu = create("menu.svg", { width: 30, height: 30 }),
	Minus = create("minus.svg", { width: 30, height: 30 }),
	Object = create("object.svg", { width: 24, height: 24 }),
	Plus = create("plus.svg", { width: 30, height: 30 }),
	Profile = create("profile.svg", { width: 40, height: 40 }),
	Search = create("search.svg", { width: 24, height: 24 }),
	Stats = create("stats.svg", { width: 30, height: 30 });
