license import React from 'react' ; import { View , ViewProps , } from 'react-native' ; import { Overwrite , LiteralUnion } from '../../devsupport' ; import { styled , StyledComponentProps , } from '../../theme' ; type LayoutStyledProps = Overwrite < StyledComponentProps , { appearance ? : LiteralUnion < 'default' > ; } > ; export interface LayoutProps extends ViewProps , LayoutStyledProps { children ? : React . ReactNode ; level ? : LiteralUnion < '1' | '2' | '3' | '4' > ; } export type LayoutElement = React . ReactElement < LayoutProps > ; extends React . Component property property property overview-example @ styled ( 'Layout' ) export class Layout extends React . Component < LayoutProps > { public render ( ) { const { eva , style , ... viewProps } = this . props ; return ( < View { ... viewProps } style = { [ eva . style , style ] } / > ) ; } }