import { Style } from "@mendix/piw-native-utils-internal" ; import { Platform , TextStyle , ViewStyle } from "react-native" ; export interface ToggleButtonsStyle extends Style { container : ViewStyle ; containerDisabled : ViewStyle ; button : ViewStyle ; text : TextStyle ; activeButton : ViewStyle ; activeButtonText : TextStyle ; validationMessage : TextStyle ; } const blue = "rgb(0, 122, 255)" ; const purple = "rgb(98, 0, 238)" ; export const defaultToggleButtonsStyle = { container : { borderRadius : Platform . select ( { ios : 5 , default : 3 } ) } , containerDisabled : { opacity : 0.5 } , button : { borderRadius : 0 , borderColor : Platform . select ( { ios : blue , default : "#CCC" } ) } , text : Platform . select ( { ios : { color : blue } , default : { color : "#666" , paddingVertical : 3 , fontWeight : "600" } } ) , activeButton : Platform . select ( { ios : { borderColor : blue , backgroundColor : blue } , default : { borderColor : purple , backgroundColor : purple } } ) , activeButtonText : { color : "#fff" } , validationMessage : { color : "#ed1c24" } } ;