Placeholder

Can be used as a placeholder when a state/value when its empty. For example when the user needs to select an image, but there is no image selected yet.

<Placeholder
	icon={arrowDown}
	label="Image"
	instructions="Select an image to remove this placeholder"
	isColumnLayout //element is flex if this is not used
>
	<div style={{ backgroundColor: "#e7e7e7", padding: "56px 64px", display: "flex", justifyContent: "center" }}>
		<Button isSecondary>Select image</Button>
	</div>
</Placeholder>