sprint-asia-custom-component 0.1.173 → 0.1.174

package/dist/index.js

@@ -45172,6 +45172,23 @@
     })));
   };
 
+  const CardInfo = ({
+    title = "Title",
+    value = 1000
+  }) => {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "w-full flex items-center h-28 bg-white shadow border border-neutral30 rounded-lg"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "w-4 h-full bg-info300 rounded-l-lg"
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ml-4"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "mb-2 font-medium text-sm"
+    }, title), /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "font-semibold text-lg"
+    }, value.toLocaleString("id"))));
+  };
+
   const ChipBar = ({
     currentTab = "Pulsa",
     dataBar = ["All Client", "Waiting for approval", "Approved", "Declined"],
@@ -53047,6 +53064,7 @@
   exports.BillerList = BillerList;
   exports.BillerProductList = BillerProductList;
   exports.BillingList = BillingList;
+  exports.CardInfo = CardInfo;
   exports.CardInternalProduct = CardInternalProduct;
   exports.CellModelFive = CellModelFive;
   exports.CellModelFour = CellModelFour;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.173",
+  "version": "0.1.174",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/cardInfo/index.js

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const CardInfo = ({
+  title = "Title",
+  value = 1000
+}) => {
+  return (
+    <div className="w-full flex items-center h-28 bg-white shadow border border-neutral30 rounded-lg">
+      <div className="w-4 h-full bg-info300 rounded-l-lg"></div>
+      <div className="ml-4">
+        <p className="mb-2 font-medium text-sm">{title}</p>
+        <p className="font-semibold text-lg">{value.toLocaleString("id")}</p>
+      </div>
+    </div>
+  )
+}
+
+export default CardInfo

package/src/index.js

@@ -58,6 +58,7 @@ import Notification from "./components/notification";
 import SearchInput from "./components/searchinput";
 import Stepper from "./components/stepper";
 import Switch from "./components/switch";
+import CardInfo from "./components/cardInfo";
 import ChipBar from "./components/tabLayout/chipBar";
 import TabBar from "./components/tabLayout/tabBar";
 import BillerList from "./components/table/listTable/biller";
@@ -117,6 +118,7 @@ export {
   BillerList,
   TabBar,
   ChipBar,
+  CardInfo,
   Switch,
   Stepper,
   SearchInput,