@royyanbach-mhg-test/material-tailwind-react/node/theme/components/progress/index.js

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{progress:function(){return progress},default:function(){return _default}});var _progressFilled=_interopRequireDefault(require("./progressFilled"));var _progressGradient=_interopRequireDefault(require("./progressGradient"));var _progress=require("../../../types/components/progress");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var progress={defaultProps:{variant:"filled",color:"gray",size:"md",value:0,label:false,className:"",barProps:{}},valid:{variants:_progress.propTypesVariant,colors:_progress.propTypesColor,sizes:_progress.propTypesSize},styles:{base:{container:{initial:{display:"flex",justifyContent:"flex-start",bg:"bg-blue-gray-50",overflow:"overflow-hidden",width:"w-full",fontFamily:"font-sans",borderRadius:"rounded-full",fontSize:"text-xs",fontWeight:"font-medium"},withLabel:{}},bar:{display:"flex",justifyContent:"justify-center",alignItems:"items-center",height:"h-full",overflow:"overflow-hidden",wordBreak:"break-all",borderRadius:"rounded-full"}},sizes:{sm:{container:{initial:{height:"h-1.5"},withLabel:{height:"h-3.5"}},bar:{}},md:{container:{initial:{height:"h-2.5"},withLabel:{height:"h-4"}},bar:{}},lg:{container:{initial:{height:"h-3.5"},withLabel:{height:"h-5"}},bar:{}}},variants:{filled:_progressFilled.default,gradient:_progressGradient.default}}};var _default=progress;