zurche

@Composable
@Preview
fun CryptoNavigation(modifier: Modifier = Modifier) {
    Row(
        modifier = modifier
            .height(55.dp)
            .clip(RoundedCornerShape(50))
            .background(color = Color.Black),
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.spacedBy(5.dp)

zurche

@Composable
@Preview
fun CryptoNavigation(modifier: Modifier = Modifier) {
    Row(
        modifier = modifier
            .height(50.dp)
            .fillMaxWidth()
            .clip(RoundedCornerShape(50))
            .background(color = Color.Black)
    ) {

zurche

@Composable
private fun NavButton(icon: ImageVector, isSelected: Boolean = false, onClick: () -> Unit) { // <------- HERE
    val backgroundColor = if (isSelected) LightOlive else CryptoDark800
    val iconTint = if (isSelected) Color.Black else Color.White
    Icon(
        imageVector = icon,
        contentDescription = "contentDescription",
        modifier = Modifier
            .size(48.dp)
            .background(backgroundColor, CircleShape)

zurche

@Composable
@Preview
private fun NavButtonPreview() {
    Row {
        NavButton(icon = Icons.Filled.Check, isSelected = false)
        NavButton(icon = Icons.Filled.Add, isSelected = true)
        NavButton(icon = Icons.Filled.Build, isSelected = true)
    }
}

zurche

@Composable
private fun NavButton(icon: ImageVector, isSelected: Boolean = false) {
    val backgroundColor = if (isSelected) LightOlive else CryptoDark800
    val iconTint = if (isSelected) Color.Black else Color.White
    Icon(
        imageVector = icon,
        contentDescription = "contentDescription",
        modifier = Modifier
            .size(48.dp)
            .background(backgroundColor, CircleShape)

zurche

    val backgroundColor = if (isSelected) LightOlive else CryptoDark800
    val iconTint = if (isSelected) Color.Black else Color.White

zurche

@Composable
private fun NavButton(icon: ImageVector, isSelected: Boolean = false) {

}

zurche

@Composable
@Preview
fun CryptoNavigation(modifier: Modifier = Modifier) {
    Card(
        modifier = modifier
            .height(50.dp)
            .fillMaxWidth(),
        shape = RoundedCornerShape(50),
        colors = CardDefaults.cardColors(containerColor = Color.Black)
    ) {

zurche

@Composable
fun AssetPerformanceCard(
    assetInfo: AssetInfo = mockAssetInfo
) {
    Card(
        modifier = Modifier
            .wrapContentHeight()
            .fillMaxWidth()
            .padding(start = 5.dp, end = 5.dp, bottom = 5.dp),
        colors = CardDefaults.cardColors(containerColor = CryptoWhite)

zurche

private val mockAssetInfo = AssetInfo(
    R.drawable.amd_icon,
    "Advanced Micro Devices, Inc.",
    "AMD",
    listOf(
        113.518f,
        113.799f,
        113.333f,
        113.235f,
        114.099f,