import { LabelMedium } from 'baseui/typography' ; import { nanoid } from 'nanoid' ; import { CustomRenderElementProps , SkillListItemNameElement , } from '../custom-types' ; import { Placeholder } from '../placeholder/placeholder' ; export const generateSkillListItemNameElement = ( ) : SkillListItemNameElement => ( { id : nanoid ( ) , type : 'skill-list-item-name' , children : [ { text : '' } ] , } ) ; export const SkillListItemName = ( { attributes , children , element , } ) => { return ( < LabelMedium { ... attributes } overrides = { { Block : { style : { fontWeight : 'bold' , marginBottom : '4px' , } , } , } } > < Placeholder element = { element } > 스킬 이름 < /Placeholder> { children } < /LabelMedium>); } ;