Box2.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<IBoxProps>`
  padding: ${props => props.theme.lateralPadding};
`;

const InnerBox = styled.View`
  margin: 10px 10px;
  background-color: white;
`;

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