import { useTheme as useStyledTheme } from 'styled-components/native';

import { BaseTheme } from '../theme/base';

export const useTheme = () => {
  const theme = useStyledTheme() as BaseTheme;

  if (!theme) {
    throw Error(
      'useTheme: "theme" is undefined. You need to wrap your application in `<ThemeProvider />`'
    );
  }

  return theme;
};