@lafarmer28/densitycalendarnative 0.1.0

package/src/components/density-calendar/week-view/top.tsx

@@ -0,0 +1,54 @@
+import { StyleSheet, View } from 'react-native';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import KSToggler from '../ks-toggler/ks-toggler';
+import { type ThemeKeyProps } from '../ks-density-calendar';
+import { type SVGProps } from '../ks-density-calendar-root';
+
+type TopProps = ThemeKeyProps & SVGProps;
+
+const Top = ({ svgIconColor, svgIconSize, svgIconUnactiveColor }: TopProps) => {
+  return (
+    <View style={styles.container}>
+      <View style={styles.iconWrapper}>
+        <MaterialCommunityIcons
+          name="minus"
+          size={svgIconSize}
+          color={svgIconUnactiveColor || svgIconColor}
+        />
+      </View>
+
+      <View style={styles.togglerWrapper}>
+        <KSToggler />
+      </View>
+
+      <View style={styles.iconWrapper}>
+        <MaterialCommunityIcons
+          name="plus"
+          size={svgIconSize}
+          color={svgIconUnactiveColor || svgIconColor}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    width: '100%',
+    paddingVertical: 8,
+  },
+  iconWrapper: {
+    paddingHorizontal: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  togglerWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export default Top;

package/src/index.tsx

@@ -0,0 +1 @@
+export * from './components/density-calendar/ks-density-calendar';