styles.js

import {StyleSheet} from "react-native";
import {responsiveFontSize, responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions";
import Colors from "./constants/Colors";

export const styles = StyleSheet.create({
    container:{
      flex:1,
      backgroundColor:'#fff',
    },
    controlContainer:{
        flex:1,
        alignSelf:'stretch',
        flexDirection:'row',
        justifyContent:'space-between',
        paddingHorizontal:responsiveWidth(6),
        alignItems:'center',
    },
    songContainer:{
        flexDirection: 'row',
    },
    albumArt:{
        width:responsiveHeight(7),
        height:responsiveHeight(7),
        borderRadius: responsiveHeight(1),
        marginRight:responsiveWidth(5),
    },
    infoContainer:{
        justifyContent: 'center',
    },
    songTitle:{
        fontFamily:'fira-regular',
        fontSize:responsiveFontSize(2.3),
        marginBottom:responsiveHeight(0.3),
    },
    albumText:{
        fontFamily:'fira-regular',
        color:Colors.greyColor,
        fontSize:responsiveFontSize(1.7),

    }
});