# Wrapper

React Native Store UI Template provides a Wrapper component to use for main screens. The component includes StatusBar, SafeArea and a ScrollView components from React Native. The Wrapper class is designed to have a fixed footer component if needed.

| Props  | Required | Type      |
| ------ | -------- | --------- |
| footer | No       | Component |

**Sample**

```jsx
import React from 'react';
import { Wrapper, Left, Container, Header, H1} from '../utils';
import { IconBtn } from '../utils/Input';

export default class Blank extends React.Component {

	state = {};

	render() {

		return (
			
			<Wrapper>
				<Header>
					<Left>
						<IconBtn icon={global.backIcon} 
							onPress={() => this.props.navigation.goBack()} 
							style={{marginLeft: -10}} 
						/>
					</Left>
				</Header>

				<Container>

					<H1>Blank</H1>

					

				</Container>
			</Wrapper>

		);
	}
}
```