import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import R from '../../../assets/R'

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: R.colors.white,
    },
    body:{
        flex:1,
        backgroundColor:R.colors.white,
        marginHorizontal:15,
        marginVertical:10
    },
    textSubTitle:{
        fontSize:R.fontsize.fontSizeSubTitle,
        fontWeight:'600',
        fontFamily:R.fonts.fontMedium,
        color:R.colors.black,
    },
    text_1:{
        fontSize:R.fontsize.fontSizeContent,
        fontWeight:'400',
        fontFamily:R.fonts.fontRegular,
        color:R.colors.blue,
    },
    text:{
        fontSize:R.fontsize.fontSizeContent,
        fontWeight:'600',
        fontFamily:R.fonts.fontMedium,
        color:R.colors.black,
    },
    text_2:{
        fontSize:R.fontsize.fontSizeContent,
        fontWeight:'400',
        fontFamily:R.fonts.fontRegular,
        color:R.colors.black,
    },
    textBtn:{
      color:R.colors.black,
      fontSize:R.sizes.xs,
      fontWeight:'400',
      fontFamily:R.fonts.fontRegular,
    },
    containerContent:{
        padding:10,
        borderRadius:10,
        borderWidth:1,
        borderColor:R.colors.grayBorderInputTextHeader,
    },
    cardContainerContent:{
        backgroundColor:R.colors.white,
        padding:10,
        borderRadius:10,
        borderWidth:1,
        borderColor:R.colors.grayBorderInputTextHeader,
    },
    card:{
        borderWidth:1,
        borderColor:R.colors.grayBorderInputTextHeader,
        borderRadius:100,
        padding:10,
        alignSelf:'flex-start',
        backgroundColor:R.colors.orange,
        marginHorizontal:5
    },
    containerBtn:{
      flexDirection:'row',
      alignItems:'center',
      justifyContent:'space-around',
      marginVertical:10,
      borderRadius:10,
      backgroundColor:R.colors.blue1,
      padding:10,
      width:300
    }
    
})

export default styles