/* eslint-disable react/destructuring-assignment */
import type React from 'react';

const PrintSVG: React.FC<{ className: string }> = (props: { className: string }): JSX.Element => (
	<div className={props.className}>
		<svg fill="none" height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg">
			<path
				d="M17.4357 8.46094H18.8972V9.92455H17.4357V8.46094ZM4.64724
				11.3882H2.82031V12.8518H4.64724V21.9994H17.0703V12.8518H18.8972V11.3882H4.64724ZM15.6088
				20.5358H6.10877V12.8518H15.6088V20.5358Z"
				fill="white"
			/>
			<path
				d="M18.5167 5.10498V0H3.48333V5.10498C2.54417 5.15281 1.65929
				5.55689 1.01117 6.2339C0.363053 6.91091 0.00111535 7.80923 0
				8.74359V17.4872H3.11667V16.0299H1.46667V8.74359C1.46732 8.16405
				1.69932 7.60844 2.11176 7.19865C2.52419 6.78885 3.08339 6.55834
				3.66667 6.55769H18.3333C18.9166 6.55834 19.4758 6.78885 19.8882
				7.19865C20.3007 7.60844 20.5327
				8.16405 20.5333 8.74359V16.0299H18.5167V17.4872H22V8.74359C21.9989 7.80923 21.6369
				6.91091 20.9888 6.2339C20.3407 5.55689 19.4558 5.15281 18.5167 5.10498ZM17.05
				5.10043H4.95V1.45726H17.05V5.10043Z"
				fill="white"
			/>
		</svg>
	</div>
);

export default PrintSVG;