@ramses-superapp/ramses-ui/lib/module/components/skinless/RsRowView.js

Skinless UI primitives for Ramses Built Apps

"use strict";

import { forwardRef } from 'react';
import { View } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
const ALIGN_MAP = {
  start: 'flex-start',
  center: 'center',
  end: 'flex-end',
  stretch: 'stretch'
};
const JUSTIFY_MAP = {
  start: 'flex-start',
  center: 'center',
  end: 'flex-end',
  between: 'space-between',
  around: 'space-around'
};
const RsRowView = /*#__PURE__*/forwardRef(({
  children,
  style,
  gap,
  align,
  justify
}, ref) => {
  return /*#__PURE__*/_jsx(View, {
    ref: ref,
    style: [{
      flexDirection: 'row',
      gap,
      alignItems: align ? ALIGN_MAP[align] : undefined,
      justifyContent: justify ? JUSTIFY_MAP[justify] : undefined
    }, style],
    children: children
  });
});
RsRowView.displayName = 'RsRowView';
export default RsRowView;
//# sourceMappingURL=RsRowView.js.map