rn-inkpad
Version:
<img src="https://res.cloudinary.com/fercloudinary/image/upload/v1715452841/packages/inkpad-banner_acl0xl.png" />
43 lines (42 loc) • 1.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useInputStyles = void 0;
const useInputStyles = (type, isFocused, hasTitle, borderColor = '#333', borderRadius) => {
let inputStyle;
let titleStyle;
switch (type) {
case 'bordered':
inputStyle = {
borderColor,
borderWidth: 1,
marginTop: hasTitle ? 4 : 0,
borderRadius,
borderBottomWidth: isFocused ? 2 : 1,
};
break;
case 'filled':
inputStyle = {
borderBottomWidth: isFocused ? 2 : 1,
borderBottomColor: borderColor,
};
break;
case 'outlined':
inputStyle = {
borderColor,
borderLeftWidth: 1,
borderRightWidth: 1,
borderTopWidth: hasTitle ? 0 : 1,
borderBottomLeftRadius: borderRadius,
borderBottomRightRadius: borderRadius,
borderBottomWidth: isFocused ? 2 : 1,
};
titleStyle = {
fontSize: 12,
marginTop: -6,
marginHorizontal: 3,
};
break;
}
return { inputStyle, titleStyle };
};
exports.useInputStyles = useInputStyles;