/** @format */

import "./tools.less";
import blacklist from "@/assets/images/test/icon-blacklist.svg";
import text from "@/assets/images/test/icon-text.svg";
import preview from "@/assets/images/test/icon-preview.svg";

export function Tools() {
	return (
		<section className="tools">
			<h3>提高你的存储体验</h3>
			<p>We are committed to improving your storage experience.</p>
			<div className="container">
				<div className="tool">
					<img src={blacklist} alt="Blacklist icon" />
					<h5>文档管理</h5>
					<p>支持基础文件的管理，包括上传、下载、删除等操作。</p>
				</div>
				<div className="tool">
					<img src={text} alt="Text's icon" />
					<h5>在线编辑</h5>
					<p>支持基础文件在线编辑等操作。</p>
				</div>
				<div className="tool">
					<img src={preview} alt="preview icon" />
					<h5>在线查看</h5>
					<p>支持在线查看基础文件。</p>
				</div>
			</div>
		</section>
	);
}
