thepost

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;
  size?: number;
  borders?: boolean;
  borderThickness?: number;

thepost

const BoxRoot = styled.View<IBoxProps>`
  width: ${props => props.size};
  height: ${props => props.size};
  padding: ${props => props.theme.lateralPadding || 0}px;
  background-color: ${props => props.backgroundColor};
`;

BoxRoot.defaultProps = {
  size: 200,
  backgroundColor: 'transparent',

thepost

import { appTheme } from 'themes/ThemeInterface';

const Text = styled.Text`
  font-family: 'AkkuratPro-Regular';
  color: ${appTheme.colors.textPrimary};
  font-size: 12;
`;

const H1 = styled(Text)`
  font-size: 36;