/** @format */

import "./brands.less";
import google from "@/assets/images/test/logo-google.png";
import ibm from "@/assets/images/test/logo-ibm.png";
import microsoft from "@/assets/images/test/logo-microsoft.png";
import hp from "@/assets/images/test/logo-hp.png";
import graphics from "@/assets/images/test/logo-vector-graphics.png";

export function Brands() {
	return (
		<div className="brands">
			<div className="brand">
				<img src={google} alt="google-logo" />
			</div>
			<div className="brand">
				<img src={ibm} alt="ibm logo" />
			</div>
			<div className="brand">
				<img src={microsoft} alt="Microsoft Logo" />
			</div>
			<div className="brand">
				<img src={hp} alt="HP Logo" />
			</div>
			<div className="brand">
				<img src={graphics} alt="Vector Graphics Logo" />
			</div>
		</div>
	);
}
