import React, { PureComponent } from "react";
import { TouchableOpacity } from "react-native";
import { Text } from "./Text";
import { TEXT_DARK } from "../colours";

/* 
Props- 
    style - custom style for container
*/

class FontScaleButton extends PureComponent {
  render() {
    return /*#__PURE__*/React.createElement(TouchableOpacity, {
      style: [styles.container, this.props.style],
      onPress: this.props.onPress
    }, /*#__PURE__*/React.createElement(Text, {
      style: styles.text
    }, /*#__PURE__*/React.createElement(Text, null, "A"), /*#__PURE__*/React.createElement(Text, null, ` `), /*#__PURE__*/React.createElement(Text, {
      style: styles.largeText
    }, "A")));
  }
}
const styles = {
  container: {
    padding: 15
  },
  text: {
    fontFamily: "sf-medium",
    color: TEXT_DARK,
    fontSize: 14
  },
  largeText: {
    fontSize: 24
  }
};
export { FontScaleButton };
//# sourceMappingURL=FontScaleButton.js.map