@material-tailwind/react/theme/components/timeline/timelineIcon.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,{timelineIcon:function(){return timelineIcon},default:function(){return _default}});var _ghost=_interopRequireDefault(require("./timelineIconColors/ghost"));var _filled=_interopRequireDefault(require("./timelineIconColors/filled"));var _outlined=_interopRequireDefault(require("./timelineIconColors/outlined"));var _gradient=_interopRequireDefault(require("./timelineIconColors/gradient"));var _timeline=require("../../../types/components/timeline");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var timelineIcon={defaultProps:{color:"gray",variant:"filled"},valid:{colors:_timeline.propTypeColor,variants:_timeline.propTypeVariant},styles:{base:{width:"w-max",height:"w-max",padding:"p-1.5",position:"relative",zIndex:"z-[2]",flexShrink:"flex-shrink-0",borderRadius:"rounded-full",overflow:"overflow-hidden"},variants:{ghost:_ghost.default,filled:_filled.default,outlined:_outlined.default,gradient:_gradient.default}}};var _default=timelineIcon;