import Layout from '../Layout'
import Span from '../typography/Span'
import { u } from '../../config/helpers'
import { Sandbox } from '@startupjs/docs'

# Layout (лаяут)

`Layout` служит корневым элементом приложения. Его цель - отрисовка содержимого в пределах границ безопасной области устройства. Также он отображает [StatusBar](https://reactnative.dev/docs/statusbar) для нативных приложений `android` и `ios`.

```jsx
import { Layout } from '@startupjs/ui'
```

## Example

```jsx example
return (
  <Layout style={{
    backgroundColor: '#fff',
    height: u(25),
    alignItems: 'center',
    justifyContent: 'center'
  }}>
    <Span size='xxl'>Layout area</Span>
  </Layout>
)
```

## Sandbox

<Sandbox Component={Layout} />