"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "COMPONENT_GAP", {
  enumerable: true,
  get: function () {
    return _spacing.COMPONENT_GAP;
  }
});
Object.defineProperty(exports, "COMPONENT_GAP_SMALL", {
  enumerable: true,
  get: function () {
    return _spacing.COMPONENT_GAP_SMALL;
  }
});
Object.defineProperty(exports, "HEADER_PADDING_TOP_OVERVIEW", {
  enumerable: true,
  get: function () {
    return _spacing.HEADER_PADDING_TOP_OVERVIEW;
  }
});
Object.defineProperty(exports, "HEADER_PADDING_TOP_SETTINGS", {
  enumerable: true,
  get: function () {
    return _spacing.HEADER_PADDING_TOP_SETTINGS;
  }
});
Object.defineProperty(exports, "SCREEN_PADDING_HORIZONTAL", {
  enumerable: true,
  get: function () {
    return _spacing.SCREEN_PADDING_HORIZONTAL;
  }
});
Object.defineProperty(exports, "SCREEN_PADDING_VERTICAL", {
  enumerable: true,
  get: function () {
    return _spacing.SCREEN_PADDING_VERTICAL;
  }
});
Object.defineProperty(exports, "SECTION_GAP", {
  enumerable: true,
  get: function () {
    return _spacing.SECTION_GAP;
  }
});
Object.defineProperty(exports, "SECTION_GAP_LARGE", {
  enumerable: true,
  get: function () {
    return _spacing.SECTION_GAP_LARGE;
  }
});
exports.stepStyles = exports.STEP_INNER_GAP = exports.STEP_GAP = void 0;
var _reactNative = require("react-native");
var _spacing = require("../constants/spacing");
/**
 * Shared spacing constants for authentication screens
 * These values ensure consistent vertical spacing across all step components
 * All gaps between elements (illustration, title, description, textfield, buttons, etc.) use this value
 */
const STEP_GAP = exports.STEP_GAP = 12; // Vertical gap between ALL elements (illustration, title, description, textfield, buttons, etc.) - must be consistent everywhere
const STEP_INNER_GAP = exports.STEP_INNER_GAP = 12; // Gap within sections (headers, cards, etc.) - must match STEP_GAP for uniformity

/**
 * Re-export screen spacing constants from constants/spacing.ts
 * This allows importing all spacing constants from a single location
 */

/**
 * Reusable stylesheet for step components
 * NOTE: Layout styles (container, sectionSpacing) removed - all layout is handled by BottomSheetRouter
 * Step components should NOT use these for layout, only for content-specific styling
 */
const stepStyles = exports.stepStyles = _reactNative.StyleSheet.create({
  container: {
    // Layout removed - use only for content width constraints if needed
    width: '100%',
    maxWidth: 420,
    alignSelf: 'center'
  },
  sectionSpacing: {
    // Layout removed - do NOT use for spacing, use explicit marginBottom: 0
    // This is kept for backward compatibility but should not add margins
    marginBottom: 0
  },
  header: {
    alignItems: 'flex-start',
    width: '100%',
    gap: STEP_INNER_GAP
  },
  title: {
    textAlign: 'left',
    marginBottom: 0,
    marginTop: 0
  },
  subtitle: {
    textAlign: 'left',
    maxWidth: 320,
    alignSelf: 'flex-start',
    marginBottom: 0,
    marginTop: 0
  },
  buttonContainer: {
    marginTop: 0,
    marginBottom: 0
  }
});
//# sourceMappingURL=spacing.js.map