react-native-material-elements/src/components/Stepper/styles.ts

React native material elements is a sophisticated UI library crafted to enhance your React Native development workflow. Designed for simplicity and elegance, nex-ui provides a rich collection of components and utilities to effortlessly create polished mob

import { StyleSheet } from 'react-native';
import { Theme } from '../../libraries/themes/theme';

export const styles = StyleSheet.create({
  stepperContainer: {
    display: 'flex',
    alignItems: 'center',
    flexDirection: 'row',
    gap: 5,
  },
  horizontalLine: {
    width: 15,
    height: 2.4,
    borderRadius: 2,
    position: 'absolute',
  },
  verticalLine: {
    width: 2.4,
    height: 15,
    borderRadius: 2,
    position: 'absolute',
  },
  item: {
    minWidth: 35,
    height: 35,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
  },
  stepperOptions: {
    borderWidth: 2,
  },
});

export const iconStyle = (colors: Theme) => {
  return { backgroundColor: colors.gray[800] };
};