import React from "react";

export const BatteryCalculator = (): JSX.Element => {
	return (
		<div className="card">
			<div className="card__header">
				<h3>Battery Calculator</h3>
			</div>
			<div className="card__body" style={{ display: "flex", gap: "2rem" }}>
				<div>
					<input placeholder="Search" />
					<input placeholder="Search" />
					<input placeholder="Search" />
					<input placeholder="Search" />
				</div>
			</div>
			<div className="card__footer">
				<button
					type="button"
					className="button button--secondary button--block"
				>
					See All
				</button>
			</div>
		</div>
	);
};
