/**
 * WordPress dependencies
 */
import { useInstanceId } from '@wordpress/compose';

export function IconLaptopToggles(props) {
	const clipPathId = `clip-icon-laptop-toggles-${useInstanceId(
		IconLaptopToggles
	)}`;

	return (
		<svg
			viewBox="0 0 40 28"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<g
				clipPath={`url(#${clipPathId})`}
				stroke="#005AF0"
				strokeWidth="2"
				strokeLinecap="round"
				strokeLinejoin="round"
			>
				<path d="M4.46 21.02V3.91A2.92 2.92 0 017.38 1h24.4a2.91 2.91 0 012.91 2.91v17.64M25.15 21.76v.88h-11v-.88H1v2.09a2.24 2.24 0 002.28 2.25h32.79a2.24 2.24 0 002.21-2.25v-2.09H25.15zM11.2 5.79v11.6" />
				<path
					d="M11.2 14.06a2.47 2.47 0 100-4.94 2.47 2.47 0 000 4.94z"
					fill="#fff"
				/>
				<path d="M19.58 5.79v11.6" />
				<path
					d="M19.58 12.06a2.47 2.47 0 100-4.94 2.47 2.47 0 000 4.94z"
					fill="#fff"
				/>
				<path d="M27.95 5.79v11.6" />
				<path
					d="M27.95 16.06a2.47 2.47 0 100-4.94 2.47 2.47 0 000 4.94z"
					fill="#fff"
				/>
			</g>
			<defs>
				<clipPath id={clipPathId}>
					<path fill="#fff" d="M0 0h39.31v27.09H0z" />
				</clipPath>
			</defs>
		</svg>
	);
}
