import { Props } from "../model/Props";

export function OfflineIcon(props: Props) {
	return (
		<svg
			width={props.width || 24}
			height={props.height || 24}
			viewBox={`0 0 ${props.width || 24} ${props.height || 24}`}
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<circle
				cx="12"
				cy="12"
				r="10"
				stroke={props.color || "#FF4444"}
				strokeWidth="2"
				fill="none"
			/>
			<path
				d="M8 8L16 16M16 8L8 16"
				stroke={props.color || "#FF4444"}
				strokeWidth="2"
				strokeLinecap="round"
			/>
			<path
				d="M12 6v6M12 14v2"
				stroke={props.color || "#FF4444"}
				strokeWidth="2"
				strokeLinecap="round"
			/>
		</svg>
	);
}
