import { extendTheme, theme } from "native-base";
import button from "./button";
import radio from "./radio";
import colors from "./colors";
import googleSans from "./googleSans";
import checkbox from "./checkbox";
import textInput from "./textInput";
import { formControlLabel } from "./formControl";
import select from "./select";

export default extendTheme({
    colors,
    config: {
        useSystemColorMode: false,
        initialColorMode: "dark"
    },
    fontConfig: {
        GoogleSans: googleSans
    },
    fonts: {
        heading: 'GoogleSans',
        body: 'GoogleSans',
        mono: 'GoogleSans',
    },
    components: {
        Button: button,
        Radio: radio,
        Checkbox: checkbox,
        Input: textInput,
        FormControlLabel: formControlLabel,
        Select: select
    }
});