@hc.ds/mobile/lib/module/MinimizedView/minimizedview.js

Healthy Church Design System - HC Mobile

import React from 'react';
import { View } from 'react-native';
import { MinimizedViewTheme } from './theme';
import { Text } from '../Typography';
import { Button } from '../Button';
export const MinimizedView = props => {
  const {
    title,
    description,
    onPress,
    buttonText = 'Click Here',
    testID
  } = props;
  return /*#__PURE__*/React.createElement(View, {
    accessibilityLabel: `minimized-view-container-${testID}`,
    testID: `minimized-view-container-${testID}`
  }, /*#__PURE__*/React.createElement(View, {
    style: [MinimizedViewTheme.view]
  }, /*#__PURE__*/React.createElement(View, {
    style: [MinimizedViewTheme.flex]
  }, /*#__PURE__*/React.createElement(Text, {
    size: "18",
    weight: "700",
    theme: "white",
    accessibilityLabel: `minimized-view-title-${testID}`,
    testID: `minimized-view-title-${testID}`
  }, title), /*#__PURE__*/React.createElement(Text, {
    size: "14",
    weight: "400",
    theme: "white",
    accessibilityLabel: `minimized-view-desc-${testID}`,
    testID: `minimized-view-desc-${testID}`
  }, description)), /*#__PURE__*/React.createElement(View, {
    style: [MinimizedViewTheme.flex]
  }, /*#__PURE__*/React.createElement(Button, {
    theme: "light",
    testID: `minimized-view-${testID}`,
    onPress: onPress,
    block: false
  }, buttonText))));
};
//# sourceMappingURL=minimizedview.js.map