# Center

A layout component that centers its children both horizontally and vertically. It is built on top of the `Flex` component.

## Props

*   All `Flex` props are supported.

## Usage

```tsx
import { Center } from './src/components';

<Center style={{ height: '100px', background: '#333' }}>
  <p>Centered Content</p>
</Center>
```