native-base/lib/commonjs/theme/v33x-theme/components/heading.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _tools = require("../tools");

const baseStyle = props => {
  return {
    color: (0, _tools.mode)('muted.700', 'white')(props),
    fontWeight: 'bold',
    lineHeight: 'sm'
  };
};

const sizes = {
  '4xl': {
    fontSize: ['6xl', null, '7xl']
  },
  '3xl': {
    fontSize: ['5xl', null, '6xl']
  },
  '2xl': {
    fontSize: ['4xl', null, '5xl']
  },
  'xl': {
    fontSize: ['3xl', null, '4xl']
  },
  'lg': {
    fontSize: ['2xl', null, '3xl']
  },
  'md': {
    fontSize: 'xl'
  },
  'sm': {
    fontSize: 'md'
  },
  'xs': {
    fontSize: 'sm'
  }
};
const defaultProps = {
  size: 'lg'
};
var _default = {
  baseStyle,
  sizes,
  defaultProps
};
exports.default = _default;
//# sourceMappingURL=heading.js.map