@logo-rn/logo-list-box/src/ListBoxCss.ts

<LogoListBox/> displays a list of data.

import { TEXT_COLOR, TEXT_COLOR_50, TEXT_COLOR_70 } from "@logo-rn/shared-utils/utils/constants/CSS_CONSTANTS";
import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
    list: {

    },
    listItemContainer: {
        display: "flex",
        flexDirection: "column",
    },
    listItemInfoContainer: {
        display: "flex",
        flexDirection: "row",
        alignItems: "center",
    },
    listItemWrapper: {
        minHeight: 54,
        justifyContent: "center",
        alignItems: "baseline",
        paddingHorizontal: 16,
    },
    subItemWrapper: {
        width: "100%",
        paddingVertical: 0,
        justifyContent: "center",
        height: 44
    },
    right: {
        display: "flex",
        alignSelf: "flex-end",
    },
    title: {
        fontFamily: 'Inter',
        fontWeight: "400",
        color: TEXT_COLOR,
        fontSize: 16,
    },
    description: {
        fontFamily: 'Inter',
        fontWeight: "400",
        color: TEXT_COLOR_50,
        fontSize: 12,
        marginTop: 2
    },
    icon: {
        marginRight: 20,
        alignSelf: "center"
    },
    metaData: {
        fontFamily: 'Inter',
        fontWeight: "400",
        alignSelf: "center",
        color: TEXT_COLOR_70,
        fontSize: 12,
        marginRight: 12
    }
});

export default styles;