/**
 * WordPress depedencies
 */

import { Path, SVG } from '@wordpress/components';

export const BlockIcon = () => (
	<SVG aria-hidden height="24" width="24" viewBox="0 0 24 24">
		<Path d="M17.9,12.1C18,11.8,18,11.4,18,11s0-0.8-0.1-1.1l1-0.8C19,9,19,8.8,19,8.7l-1.4-2.5C17.4,6,17.2,5.9,17.1,6  l-1.2,0.5C15.4,6,14.7,5.6,14,5.3l-0.2-1.2c0-0.2-0.2-0.3-0.4-0.3h-2.9c-0.2,0-0.3,0.1-0.4,0.3L10,5.3C9.3,5.6,8.7,6,8.1,6.5L6.9,6  C6.8,5.9,6.6,6,6.5,6.2L5.1,8.7C5,8.8,5,9,5.1,9.1l1,0.8C6,10.2,6,10.6,6,11s0,0.8,0.1,1.1l-1,0.8C5,13,5,13.2,5,13.3l1.4,2.5  C6.6,16,6.8,16.1,6.9,16l1.2-0.5c0.4,0.4,0.9,0.7,1.4,0.9V20h1v1h3v-1h1v-3.6c0.5-0.2,1-0.5,1.4-0.9l1.2,0.5c0.2,0.1,0.4,0,0.4-0.2  l1.4-2.5c0.1-0.2,0.1-0.4-0.1-0.5L17.9,12.1z M13,18.5h-2v-0.3l2-0.3V18.5z M13,16.8l-2,0.3v-0.5l2-0.3V16.8z M13,14.9v0.5l-2,0.3  v-0.8c-1.7-0.4-3-2-3-3.9c0-2.2,1.8-4,4-4s4,1.8,4,4C16,12.9,14.7,14.4,13,14.9z" />
	</SVG>
);

export const TinkerBlocksLogo = () => (
	<SVG className="tinkerblocks-logo" aria-hidden height="24" width="24" viewBox="0 0 24 24">
		<Path d="M17.9,12.1C18,11.8,18,11.4,18,11s0-0.8-0.1-1.1l1-0.8C19,9,19,8.8,19,8.7l-1.4-2.5C17.4,6,17.2,5.9,17.1,6  l-1.2,0.5C15.4,6,14.7,5.6,14,5.3l-0.2-1.2c0-0.2-0.2-0.3-0.4-0.3h-2.9c-0.2,0-0.3,0.1-0.4,0.3L10,5.3C9.3,5.6,8.7,6,8.1,6.5L6.9,6  C6.8,5.9,6.6,6,6.5,6.2L5.1,8.7C5,8.8,5,9,5.1,9.1l1,0.8C6,10.2,6,10.6,6,11s0,0.8,0.1,1.1l-1,0.8C5,13,5,13.2,5,13.3l1.4,2.5  C6.6,16,6.8,16.1,6.9,16l1.2-0.5c0.4,0.4,0.9,0.7,1.4,0.9V20h1v1h3v-1h1v-3.6c0.5-0.2,1-0.5,1.4-0.9l1.2,0.5c0.2,0.1,0.4,0,0.4-0.2  l1.4-2.5c0.1-0.2,0.1-0.4-0.1-0.5L17.9,12.1z M13,18.5h-2v-0.3l2-0.3V18.5z M13,16.8l-2,0.3v-0.5l2-0.3V16.8z M13,14.9v0.5l-2,0.3  v-0.8c-1.7-0.4-3-2-3-3.9c0-2.2,1.8-4,4-4s4,1.8,4,4C16,12.9,14.7,14.4,13,14.9z" />
	</SVG>
);
