@hoddy-ui/core 1.0.64 → 1.0.65

package/index.ts

@@ -15,6 +15,7 @@ export * from "./src/Components/Grid";
 export * from "./src/Components/Locator";
 export * from "./src/Components/Popup";
 export * from "./src/Components/SafeAreaView";
+export * from "./src/Components/Divider";
 export { default as SelectMenu } from "./src/Components/SelectMenu";
 export { default as Spinner } from "./src/Components/Spinner";
 export * from "./src/Components/TextField";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.64",
+  "version": "1.0.65",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Divider.tsx

@@ -0,0 +1,22 @@
+import { FC } from "react";
+import { View } from "react-native";
+import { ScaledSheet } from "react-native-size-matters";
+import { useColors } from "../hooks";
+import { DividerProps } from "../types";
+
+export const Divider: FC<DividerProps> = ({
+  height = 1,
+  color = "textSecondary",
+  gutterBottom = 0,
+}) => {
+  const colors = useColors();
+
+  const styles = ScaledSheet.create({
+    root: {
+      height,
+      backgroundColor: colors[color].main,
+      marginBottom: gutterBottom,
+    },
+  });
+  return <View style={styles.root} />;
+};

package/src/types.ts

@@ -304,3 +304,10 @@ export interface RatingInputProps {
   size?: number;
   onSubmit?: (data: { rating: number; review: string }) => Promise<void>;
 }
+
+export interface DividerProps {
+  color?: colorTypes;
+  gutterBottom?: number;
+  style?: ViewStyle;
+  height?: number;
+}