import * as React from 'react'
import {View} from 'react-native'
import type {ViewStyle} from 'react-native'

export interface PropsType extends ViewStyle {
	children?: React.ReactNode
	style?: ViewStyle
}

export const StyledComponent = ({children, style, ...props}: PropsType) => {
	return <View style={[props, style]}>{children}</View>
}

import * as React from 'react'
import {View} from 'react-native'
import type {ViewStyle} from 'react-native'

export type PropsType = {
	children?: React.ReactNode
	style?: ViewStyle
	props: ViewStyle
}

export const StyledComponent = ({children, style, ...props}: PropsType) => {
	return <View style={[props, style]}>{children}</View>
}

--- 
+++ 
@@ -2,10 +2,9 @@
 import {View} from 'react-native'
 import type {ViewStyle} from 'react-native'
 
-export type PropsType = {
+export interface PropsType extends ViewStyle {
 	children?: React.ReactNode
 	style?: ViewStyle
-	props: ViewStyle
 }
 
 export const StyledComponent = ({children, style, ...props}: PropsType) => {
m/layout: Replace PropsType implementation with extended interface

It looks like most of the uses of StyledComponent (SC) were aiming to
pass down keys of ViewStyle to the underlying style prop on View.  To
replicate this, we can _extend the interface_, essentially just adding a
couple of extra props for the child and baked-in style prop.

Signed-off-by: Kristofer Rye <1ed31cfd0b53bc3d1689a6fee6dbfc9507dffd22@gmail.com>
