function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import { Text } from 'react-native';
import { useStyles } from './styles';
export function Typography({
  children,
  style,
  ...props
}) {
  return /*#__PURE__*/React.createElement(Text, _extends({
    style: style
  }, props), children);
}
function Headline({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__headline, style]
  }, props));
}
function TitleBold({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__titleBold, style]
  }, props));
}
function Title({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__title, style]
  }, props));
}
function BodyBold({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__bodyBold, style]
  }, props));
}
function Body({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__body, style]
  }, props));
}
function CaptionBold({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__captionBold, style]
  }, props));
}
function Caption({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__caption, style]
  }, props));
}
function CaptionSmall({
  style,
  ...props
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(Typography, _extends({
    style: [styles.typography__captionSmall, style]
  }, props));
}
Typography.Headline = Headline;
Typography.TitleBold = TitleBold;
Typography.Title = Title;
Typography.BodyBold = BodyBold;
Typography.Body = Body;
Typography.CaptionBold = CaptionBold;
Typography.Caption = Caption;
Typography.CaptionSmall = CaptionSmall;
//# sourceMappingURL=Typography.js.map