import React from 'react';
import { View, StyleSheet } from 'react-native';
import { useTheme } from '../../contexts/theme';
import { ThemedText } from '../texts/ThemedText';
const ModularView = ({
  title,
  subtitle,
  content
}) => {
  const {
    borderRadius,
    ColorPallet
  } = useTheme();
  const styles = StyleSheet.create({
    container: {
      borderRadius,
      backgroundColor: ColorPallet.notification.info,
      margin: 20,
      padding: 20
    },
    content: {
      marginTop: 10
    }
  });
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(ThemedText, {
    variant: "headingFour"
  }, title), /*#__PURE__*/React.createElement(ThemedText, null, subtitle), typeof content === 'string' ? /*#__PURE__*/React.createElement(ThemedText, {
    style: styles.content
  }, content) : content);
};
export default ModularView;
//# sourceMappingURL=ModularView.js.map