react-native-ajora/lib/Header/styles.js

The most complete AI agent UI for React Native

import { StyleSheet } from "react-native";
import { colors, typography, spacing, borderRadius, shadows } from "../Theme";
export default StyleSheet.create({
    container: {
        flexDirection: "row",
        alignItems: "center",
        justifyContent: "space-between",
        height: 64,
        paddingHorizontal: spacing.base,
        backgroundColor: colors.white,
        borderBottomWidth: 1,
        borderBottomColor: colors.border,
        ...shadows.sm,
    },
    menuButton: {
        width: 44,
        height: 44,
        borderRadius: borderRadius.full,
        alignItems: "center",
        justifyContent: "center",
    },
    plusButton: {
        width: 44,
        height: 44,
        borderRadius: borderRadius.full,
        alignItems: "center",
        justifyContent: "center",
    },
    titleContainer: {
        flex: 1,
        alignItems: "center",
        paddingHorizontal: spacing.lg,
    },
    title: {
        fontSize: typography.sizes.base,
        fontWeight: typography.weights.bold,
        color: colors.primaryText,
        textAlign: "center",
        letterSpacing: -0.3,
    },
    icon: {
        fontSize: typography.sizes.lg,
        fontWeight: typography.weights.semibold,
        color: colors.text,
    },
    plusIcon: {
        fontSize: typography.sizes.lg,
        fontWeight: typography.weights.semibold,
        color: colors.text,
    },
});
//# sourceMappingURL=styles.js.map