//https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/search/edit.js
import { createElement } from '@wordpress/element'

import { SVG, Rect } from '@wordpress/components'

export const buttonOutside = (
	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<Rect
			x="4.75"
			y="15.25"
			width="6.5"
			height="9.5"
			transform="rotate(-90 4.75 15.25)"
			stroke="currentColor"
			strokeWidth="1.5"
			fill="none"
		/>
		<Rect x="16" y="10" width="4" height="4" rx="1" fill="currentColor" />
	</SVG>
)

export const buttonWithIcon = (
	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
		<Rect
			x="4.75"
			y="7.75"
			width="14.5"
			height="8.5"
			rx="1.25"
			stroke="currentColor"
			fill="none"
			strokeWidth="1.5"
		/>
		<Rect x="8" y="11" width="8" height="2" fill="currentColor" />
	</SVG>
)