react-native-input-code-otp/lib/module/hooks/use-slot-border-styles.js

react-native-input-code-otp is a high-performance and fully customizable OTP input component for React Native, inspired by @shadcn/ui.

"use strict";

import { DEFAULT_DARK_COLOR, DEFAULT_LIGHT_COLOR, FOCUSED_SLOT_HEIGHT, SLOT_HEIGHT } from "../constants.js";
export function useSlotBorderStyles({
  isFocused,
  isFirst,
  isLast
}) {
  return {
    height: isFocused ? FOCUSED_SLOT_HEIGHT : SLOT_HEIGHT,
    borderColor: isFocused ? DEFAULT_DARK_COLOR : DEFAULT_LIGHT_COLOR,
    borderTopWidth: 2,
    borderBottomWidth: 2,
    borderLeftWidth: isFocused || isFirst ? 2 : 1,
    borderRightWidth: isFocused || isLast ? 2 : 1,
    borderTopLeftRadius: isFirst ? 8 : 0,
    borderTopRightRadius: isLast ? 8 : 0,
    borderBottomLeftRadius: isFirst ? 8 : 0,
    borderBottomRightRadius: isLast ? 8 : 0
  };
}
//# sourceMappingURL=use-slot-border-styles.js.map