react-native-ajora
Version:
The most complete AI agent UI for React Native
328 lines (327 loc) • 7.74 kB
TypeScript
export declare const DRAWER_WIDTH: number;
declare const _default: {
backdrop: {
position: "absolute";
top: number;
left: number;
right: number;
bottom: number;
backgroundColor: string;
zIndex: number;
};
drawer: {
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 4;
};
shadowOpacity: 0.15;
shadowRadius: 8;
elevation: 5;
position: "absolute";
top: number;
left: number;
bottom: number;
width: number;
backgroundColor: "#FFFFFF";
zIndex: number;
};
drawerHeader: {
flexDirection: "row";
alignItems: "center";
justifyContent: "space-between";
paddingHorizontal: 24;
paddingVertical: 8;
backgroundColor: "#FFFFFF";
};
searchContainer: {
flex: number;
flexDirection: "row";
alignItems: "center";
backgroundColor: "#F3F4F6";
borderWidth: number;
borderColor: "#E5E7EB";
borderRadius: 12;
paddingHorizontal: 12;
paddingVertical: 8;
marginRight: 12;
};
headerContent: {
flex: number;
};
drawerTitle: {
fontSize: 20;
fontWeight: "700";
color: "#111827";
letterSpacing: number;
marginBottom: 4;
};
drawerSubtitle: {
fontSize: 14;
fontWeight: "500";
color: "#6B7280";
letterSpacing: number;
};
closeButton: {
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 1;
};
shadowOpacity: 0.05;
shadowRadius: 2;
elevation: 2;
width: number;
height: number;
borderRadius: 9999;
alignItems: "center";
justifyContent: "center";
backgroundColor: "#F3F4F6";
};
closeIcon: {
fontSize: 20;
fontWeight: "600";
color: "#1F2937";
};
newThreadButton: {
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 2;
};
shadowOpacity: 0.1;
shadowRadius: 4;
elevation: 3;
flexDirection: "row";
alignItems: "center";
justifyContent: "center";
paddingHorizontal: 24;
paddingVertical: 24;
marginHorizontal: 16;
marginVertical: 12;
backgroundColor: "#4095E5";
borderRadius: 12;
};
newThreadIcon: {
fontSize: 18;
fontWeight: "600";
color: "#FFFFFF";
marginRight: 8;
};
newThreadText: {
fontSize: 16;
fontWeight: "600";
color: "#FFFFFF";
letterSpacing: number;
};
threadList: {
flex: number;
paddingTop: 8;
paddingBottom: 16;
};
threadSeparator: {
height: number;
backgroundColor: "#F3F4F6";
marginHorizontal: 16;
};
threadItem: {
paddingHorizontal: 12;
paddingVertical: 24;
marginHorizontal: 16;
marginVertical: 4;
backgroundColor: "#FFFFFF";
borderRadius: 12;
};
activeThreadItem: {
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 2;
};
shadowOpacity: 0.1;
shadowRadius: 4;
elevation: 3;
backgroundColor: "#F3F4F6";
borderColor: "#4095E5";
borderWidth: number;
};
chatsHeader: {
paddingHorizontal: 24;
paddingVertical: 12;
backgroundColor: "#FFFFFF";
};
chatsHeaderText: {
fontSize: 18;
fontWeight: "600";
color: "#1F2937";
letterSpacing: number;
};
threadContent: {
flex: number;
};
threadTitle: {
fontSize: 14;
fontWeight: "600";
color: "#1F2937";
marginBottom: 8;
letterSpacing: number;
};
activeThreadTitle: {
color: "#111827";
fontWeight: "700";
};
threadLastMessage: {
fontSize: 14;
color: "#6B7280";
marginBottom: 8;
lineHeight: number;
};
activeThreadLastMessage: {
color: "#1F2937";
fontWeight: "500";
};
threadTimestamp: {
fontSize: 12;
color: "#6B7280";
fontWeight: "500";
};
activeThreadTimestamp: {
color: "#1F2937";
fontWeight: "600";
};
emptyStateContainer: {
flex: number;
justifyContent: "center";
alignItems: "center";
paddingHorizontal: 32;
paddingVertical: 48;
};
emptyStateContent: {
alignItems: "center";
};
emptyStateIcon: {
fontSize: 32;
marginBottom: 16;
textAlign: "center";
};
emptyStateTitle: {
fontSize: 18;
fontWeight: "600";
color: "#1F2937";
marginBottom: 8;
textAlign: "center";
};
emptyStateSubtitle: {
fontSize: 14;
color: "#6B7280";
textAlign: "center";
lineHeight: number;
};
threadEmptyContainer: {
flex: number;
justifyContent: "center";
alignItems: "center";
paddingHorizontal: 32;
paddingVertical: 48;
};
threadEmptyIcon: {
fontSize: 32;
marginBottom: 16;
textAlign: "center";
};
threadEmptyTitle: {
fontSize: 18;
fontWeight: "600";
color: "#1F2937";
marginBottom: 8;
textAlign: "center";
};
threadEmptySubtitle: {
fontSize: 14;
color: "#6B7280";
textAlign: "center";
lineHeight: number;
};
searchInput: {
flex: number;
fontSize: 16;
color: "#1F2937";
paddingVertical: 8;
paddingHorizontal: 8;
};
searchIcon: {
fontSize: 20;
marginRight: 8;
color: "#6B7280";
};
errorContainer: {
flex: number;
justifyContent: "center";
alignItems: "center";
paddingHorizontal: 24;
paddingVertical: 48;
backgroundColor: "#F9FAFB";
};
errorContent: {
maxWidth: number;
width: "100%";
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 4;
};
shadowOpacity: 0.15;
shadowRadius: 8;
elevation: 5;
alignItems: "center";
backgroundColor: "#FFFFFF";
padding: 32;
borderRadius: 16;
};
errorIcon: {
marginBottom: 16;
};
errorTitle: {
fontSize: 20;
fontWeight: "700";
color: "#EF4444";
marginBottom: 12;
textAlign: "center";
letterSpacing: number;
};
errorMessage: {
fontSize: 16;
color: "#6B7280";
textAlign: "center";
marginBottom: 24;
lineHeight: number;
letterSpacing: number;
};
errorRetryButton: {
shadowColor: "#000000";
shadowOffset: {
readonly width: 0;
readonly height: 2;
};
shadowOpacity: 0.1;
shadowRadius: 4;
elevation: 3;
flexDirection: "row";
alignItems: "center";
justifyContent: "center";
backgroundColor: "#4095E5";
paddingHorizontal: 24;
paddingVertical: 12;
borderRadius: 12;
};
errorRetryIcon: {
marginRight: 8;
};
errorRetryText: {
color: "#FFFFFF";
fontSize: 16;
fontWeight: "600";
letterSpacing: number;
};
};
export default _default;