@polygon.io/widgets/dist/components/PriceChange/index.js

A set of drop-in React components for displaying and charting Polygon.io's financial market data.

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_Margin=_interopRequireDefault(require("@polygon.io/core/dist/components/Margin")),_Typography=require("@polygon.io/core/dist/components/Text/Typography"),_Direction=_interopRequireDefault(require("../Direction")),_FormattedNumber=_interopRequireDefault(require("../FormattedNumber")),_Percentage=_interopRequireDefault(require("../Percentage")),_excluded=["amount","percentage","directionType"],__jsx=_react["default"].createElement,PriceChange=function(a){var b=a.amount,c=a.percentage,d=a.directionType,e=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(_Typography.H6,(0,_extends2["default"])({as:"span",weight:"bold"},e),__jsx(_Direction["default"],{type:d,up:0<=b}),__jsx(_FormattedNumber["default"],{value:Math.abs(b),decimals:2}),__jsx(_Margin["default"],{as:"span",l:"2"},"(",__jsx(_Direction["default"],{type:d,up:0<=b}),__jsx(_Percentage["default"],{value:c,omitDirection:!0}),")"))};PriceChange.defaultProps={directionType:"symbol"};var _default=PriceChange;exports["default"]=_default;