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

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

import progressFilled from"./progressFilled";import progressGradient from"./progressGradient";import{propTypesVariant,propTypesColor,propTypesSize}from"../../../types/components/progress";export var progress={defaultProps:{variant:"filled",color:"gray",size:"md",value:0,label:false,className:"",barProps:{}},valid:{variants:propTypesVariant,colors:propTypesColor,sizes: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,gradient:progressGradient}}};export default progress;