A low level text component that can be used instead of `p` or `div`. Prefer semantic components such as [`Heading`](#/Components/Heading) and [`Label`](#/Components/Label) when applicable.
	
```jsx
	<Text>
	  Without any props, Text looks like this.
	</Text>
	
	<Text as="span" size="lg" weight="semibold" color="green-500">
	  But you can pass in props to customize it.
	</Text>
```