export declare const createStyles: (theme?: "light" | "dark") => {
    container: {
        backgroundColor: string;
    };
    header: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        paddingHorizontal: number;
        paddingTop: number;
        paddingBottom: number;
    };
    headerLeft: {
        flexDirection: "row";
        alignItems: "center";
        flex: number;
    };
    title: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    headerRight: {
        flexDirection: "row";
        alignItems: "center";
        paddingLeft: number;
    };
    rightText: {
        fontSize: number;
        color: string;
        marginRight: number;
    };
    divider: {
        height: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    gridContainer: {
        flexDirection: "column";
        paddingVertical: number;
    };
    gridRow: {
        flexDirection: "row";
        alignItems: "flex-start";
    };
    scrollContainer: {
        paddingVertical: number;
    };
    scrollContent: {
        flexDirection: "row";
        paddingHorizontal: number;
    };
    scrollItemWrapper: {
        marginHorizontal: number;
    };
    gridItem: {
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
    };
    scrollItem: {
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
        paddingHorizontal: number;
        minWidth: number;
    };
    itemWithBackground: {
        backgroundColor: string;
        borderRadius: number;
        paddingVertical: number;
        paddingHorizontal: number;
    };
    itemDisabled: {
        opacity: number;
    };
    iconContainer: {
        width: number;
        height: number;
        borderRadius: number;
        alignItems: "center";
        justifyContent: "center";
        marginBottom: number;
        position: "relative";
    };
    iconContainerSmall: {
        width: number;
        height: number;
        borderRadius: number;
    };
    badge: {
        position: "absolute";
        top: number;
        right: number;
        minWidth: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
        paddingHorizontal: number;
        borderWidth: number;
        borderColor: string;
    };
    badgeText: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    tag: {
        position: "absolute";
        top: number;
        right: number;
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        backgroundColor: string;
    };
    tagText: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    itemText: {
        fontSize: number;
        color: string;
        textAlign: "center";
        marginTop: number;
    };
    itemTextDisabled: {
        color: string;
    };
};
export declare const GRID_MENU_DEFAULTS: {
    columns: number;
    gap: number;
    padding: number;
    horizontalPadding: number;
    itemRadius: number;
    iconSize: number;
};