import { IBlock , IBlockData } from '@core/typings' ; import { BasicType } from '@core/constants' ; import { createBlock } from '@core/utils/createBlock' ; import { merge } from 'lodash' ; export type INavbar = IBlockData < { align ? : string ; hamburger ? : string ; 'ico-align' ? : string ; 'ico-color' ? : string ; 'ico-font-size' ? : string ; 'ico-line-height' ? : string ; 'ico-padding' ? : string ; 'ico-text-decoration' ? : string ; 'ico-text-transform' ? : string ; } , { links : Array < { content : string ; color ? : string ; href ? : string ; 'font-family' ? : string ; 'font-size' ? : string ; 'font-style' ? : string ; 'font-weight' ? : string ; 'line-height' ? : string ; 'text-decoration' ? : string ; target ? : string ; padding ? : string ; } > ; } > ; export const Navbar = createBlock ( { name : 'Navbar' , type : BasicType . NAVBAR , create : ( payload ) => { const defaultData = { type : BasicType . NAVBAR , data : { value : { links : [ { href : '/gettings-started-onboard' , content : 'Getting started' , color : '#1890ff' , 'font-size' : '13px' , target : '_blank' , padding : '15px 10px' , } , { href : '/try-it-live' , content : 'Try it live' , color : '#1890ff' , 'font-size' : '13px' , target : '_blank' , padding : '15px 10px' , } , { href : '/templates' , content : 'Templates' , color : '#1890ff' , 'font-size' : '13px' , target : '_blank' , padding : '15px 10px' , } , { href : '/components' , content : 'Components' , color : '#1890ff' , 'font-size' : '13px' , target : '_blank' , padding : '15px 10px' , } , ] , } , } , attributes : { align : 'center' , } , children : [ ] , } ; return merge ( defaultData , payload ) ; } , validParentType : [ BasicType . COLUMN , BasicType . HERO ] , } ) ;