Gist 1 for styled-components tutorial

Box.tsx

import React, { FC } from 'react';
import { ViewProps } from 'react-native';
import styled from 'styled-components/native';
import { ThemeInterface } from 'themes/ThemeInterface';

interface IBoxProps extends ViewProps {
  theme?: ThemeInterface;
  borders?: boolean;
}

const BoxRoot = styled.View`
  padding: 5;
`;

export const Box: FC<IBoxProps> = props => (
  <BoxRoot>{props.children}</BoxRoot>
);