import { useContext } from 'react';
import { ThemeContext } from 'styled-components';
import { ThemeMap } from '../types';

/**
 * useTheme is a custom hook to return theme object.
 *
 * It is natively available in Style Component v5. However since Lendi's using v4, this custom hook is necessary.
 */
export const useTheme = () => {
  return useContext<ThemeMap>(ThemeContext);
};