@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
68 lines (67 loc) • 1.69 kB
TypeScript
import { CometChatTheme } from "../../../theme/type";
/**
* Styles for the CometChatEmojiKeyboard component.
* Adjust spacing, colors, and layout as needed.
*/
declare const Styles: (theme: CometChatTheme) => {
fixedHeader: {
paddingBottom: number;
paddingLeft: number;
alignSelf: "flex-start";
top: number;
left: number;
zIndex: number;
};
flatListContent: {
paddingBottom: number;
gap: number;
};
categoryContainer: {
flexDirection: "row";
justifyContent: "space-around";
alignItems: "center";
borderTopWidth: number;
borderTopColor: string;
};
categoryListContainer: {
flexDirection: "row";
justifyContent: "space-around";
width: "100%";
paddingVertical: number;
paddingHorizontal: number;
};
emojiItem: {
width: number;
justifyContent: "center";
alignItems: "center";
};
emojiText: {
fontSize: number;
paddingHorizontal: number;
};
iconContainer: {
justifyContent: "center";
alignItems: "center";
padding: number;
borderRadius: number;
};
activeIcon: {
backgroundColor: import("react-native").ColorValue;
borderRadius: number;
};
emojiKeyboardContainer: {
width: "100%";
flex: number;
borderRadius: number;
backgroundColor: import("react-native").ColorValue;
flexDirection: "column";
};
emojiGridContainer: {
flex: number;
padding: number;
};
flatList: {
flex: number;
};
};
export default Styles;