@royyanbach-mhg-test/material-tailwind-react/node/theme/components/navbar/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,{navbar:function(){return navbar},default:function(){return _default}});var _navbarFilled=_interopRequireDefault(require("./navbarFilled"));var _navbarGradient=_interopRequireDefault(require("./navbarGradient"));var _navbar=require("../../../types/components/navbar");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var navbar={defaultProps:{variant:"filled",color:"white",shadow:true,blurred:true,fullWidth:false,className:""},valid:{variants:_navbar.propTypesVariant,colors:_navbar.propTypesColor},styles:{base:{navbar:{initial:{display:"block",width:"w-full",maxWidth:"max-w-screen-2xl",borderRadius:"rounded-xl",py:"py-4",px:"px-8"},shadow:{boxShadow:"shadow-md"},blurred:{backdropFilter:"backdrop-saturate-200 backdrop-blur-2xl",bgOpacity:"bg-opacity-80",borderWidth:"border",borderColor:"border-white/80"},fullWidth:{width:"w-full",maxWidth:"max-w-full",rounded:"rounded-none",px:"px-4"}},mobileNav:{display:"block",width:"w-full",basis:"basis-full",overflow:"overflow-hidden"}},variants:{filled:_navbarFilled.default,gradient:_navbarGradient.default}}};var _default=navbar;