import material from "../../native-base-theme/variables/material";
import { Platform } from "react-native";
import color from "color";

const platform = Platform.OS;
const customMaterial = {
    ...material,

    // Header
    toolbarDefaultBg: "#673AB7",
    toolbarDefaultBorder: "#673AB7",
    get statusBarColor() {
        return color(this.toolbarDefaultBg).hex()
    },

    // Button
    get buttonPrimaryBg() {
        return this.brandPrimary;
    },

    // Card
    cardBorderRadius: 10,

    // Checkbox
    CheckboxRadius: 1,
    checkboxBgColor: "#512DA8",
    CheckboxIconSize: 20,
    checkboxSize: 25,
    CheckboxPaddingLeft: 5,

    // Color
    brandPrimary: "#673AB7",

    // Fab
    fabBackgroundColor: "#512DA8",
    fabBorderRadius: 10,

    // Footer
    footerDefaultBg: "#673AB7",

    // List
    listItemSelected: "#512DA8",

    // Radio
    radioSelectedColorAndroid: "#512DA8",

    // Segment
    segmentBackgroundColor: '#673AB7',

    // Tab
    tabDefaultBg: "#673AB7",
    topTabBarTextColor: "#cba8ff",

    // Other
    borderRadiusBase: 10
};

export default customMaterial;