"use strict";

import React, { memo } from 'react';
import { View, StyleSheet } from 'react-native';
import { useTheme } from "../theme/use-theme.js";
import { jsx as _jsx } from "react/jsx-runtime";
const DividerComponent = ({
  color,
  thickness = StyleSheet.hairlineWidth,
  vertical = false,
  spacing = 0,
  style,
  testID
}) => {
  const theme = useTheme();
  const resolvedColor = color ?? theme.colors.border;
  return /*#__PURE__*/_jsx(View, {
    testID: testID,
    style: [vertical ? {
      width: thickness,
      alignSelf: 'stretch',
      backgroundColor: resolvedColor,
      marginHorizontal: spacing
    } : {
      height: thickness,
      width: '100%',
      backgroundColor: resolvedColor,
      marginVertical: spacing
    }, style]
  });
};
export const Divider = /*#__PURE__*/memo(DividerComponent);
Divider.displayName = 'Divider';
//# sourceMappingURL=Divider.js.map