react-native-nepali-picker/lib/module/assets/DateSync.js

Minimalist and modern Nepali-date picker with customization.🌟

"use strict";

import { View, Text, StyleSheet } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const DateSyncLogo = ({
  size = 28,
  color = '#003a05',
  day = 0
}) => {
  const scale = size / 24;

  // Format the date as DD

  return /*#__PURE__*/_jsxs(View, {
    style: [styles.container, {
      width: size,
      height: size
    }],
    children: [/*#__PURE__*/_jsx(View, {
      style: [styles.calendarBase, {
        borderColor: color
      }],
      children: /*#__PURE__*/_jsx(Text, {
        style: [styles.dateText, {
          color: color,
          fontSize: 9 * scale
        }],
        children: day
      })
    }), /*#__PURE__*/_jsx(View, {
      style: [styles.calendarTop, {
        borderColor: color,
        top: 2 * scale
      }]
    })]
  });
};
const styles = StyleSheet.create({
  container: {
    aspectRatio: 1,
    position: 'relative'
  },
  calendarBase: {
    position: 'absolute',
    left: '12.5%',
    top: '12.5%',
    width: '75%',
    height: '75%',
    borderWidth: 2,
    borderRadius: 3,
    justifyContent: 'center',
    alignItems: 'center'
  },
  dateText: {
    fontWeight: '800'
  },
  calendarTop: {
    position: 'absolute',
    left: '12.5%',
    width: '75%',
    height: '20%',
    borderTopWidth: 4,
    borderLeftWidth: 2,
    borderRightWidth: 2,
    borderTopLeftRadius: 10,
    borderTopRightRadius: 0
  },
  syncCircle: {
    position: 'absolute',
    width: '50%',
    height: '50%',
    borderWidth: 2,
    borderRadius: 100,
    justifyContent: 'center',
    alignItems: 'center'
  },
  syncArrow: {
    position: 'absolute',
    width: '40%',
    height: '40%',
    borderWidth: 2,
    borderTopWidth: 0,
    borderRightWidth: 0,
    transform: [{
      rotate: '45deg'
    }]
  },
  syncArrowLeft: {
    left: '15%',
    top: '10%'
  },
  syncArrowRight: {
    right: '15%',
    bottom: '10%',
    transform: [{
      rotate: '225deg'
    }]
  }
});
export default DateSyncLogo;
//# sourceMappingURL=DateSync.js.map