Theme not working

[Singh-Kanchan]

Description

Theme Provider has no effect

App.js -

import React from "react";
import { ThemeProvider } from "styled-components";
import ChatBot from "react-native-chatbot";

const App = () => {
  return (
    <ThemeProvider theme={theme}>
      <ChatBot steps={steps} />
    </ThemeProvider>
  );
};

const steps = [
  {
    id: "1",
    message: "Hello World",
    end: true
  }
];

const theme = {
  background: "#000",
  fontFamily: "sans",
  headerBgColor: "#3333ff",
  headerFontColor: "#fff",
  headerFontFamily: "Montseratt",
  botBubbleColor: "#3333ff",
  botFontColor: "#fff",
  userBubbleColor: "#fff",
  userFontColor: "#4a4a4a",
  fontSize: 32
};

export default App;