import React, { ReactNode } from 'react';
import { ThemeProvider as StyledThemeProvider } from 'styled-components/native';

import { BaseTheme, theme as defaultTheme } from './base';
import { IconFont } from './IconFont';

interface IThemeProvider {
  children: ReactNode;
  theme?: BaseTheme;
}

export const ThemeProvider = ({
  theme = defaultTheme,
  children,
}: IThemeProvider) => {
  return (
    <StyledThemeProvider theme={theme}>
      <IconFont />
      {children}
    </StyledThemeProvider>
  );
};