pankod/react-native-picker-modal-view

View on GitHub
src/Assets/Styles/SearchStyle.ts

Summary

Maintainability
A
0 mins
Test Coverage
A
100%
// Global Imports
import { StyleSheet, ViewStyle, ImageStyle, Platform, NativeModules } from 'react-native';

// const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 20 : NativeModules.StatusBarManager.HEIGHT;

export const SearchStyle = StyleSheet.create({
    closeButton: {
        width: 13,
        height: 13,
    } as ImageStyle,
    backButton: {
        width: 15,
        height: 15,
    } as ImageStyle,
    searchArea: {
        flexDirection: 'row',
        alignContent: 'center',
        alignItems: 'center',
        justifyContent: 'space-between',
        paddingVertical: 10,
    } as ViewStyle,
    textInput: {
        flex: 1,
        borderColor: '#ccc',
        borderWidth: 0.5,
        borderRadius: 5,
        color: '#000',
        padding: 10,
    } as ViewStyle,
    nonCloseButton: {
        marginRight: 20,
    } as ViewStyle,
    nonBackButton: {
        marginLeft: 20,
    } as ViewStyle,
    leftBtn: {
        paddingVertical: 20,
        paddingHorizontal: 20,
    } as ViewStyle,
    rightBtn: {
        paddingVertical: 20,
        paddingHorizontal: 20,
    } as ViewStyle,
});