const { ownerId, backgroundColor, borderColor, textColor, text } = props; const textStyle = props.textStyle || {}; const TagContainer = styled.div` display: flex; justify-content: center; align-items: center; background-color: ${backgroundColor || "#ffffff"}; border: 1px solid ${borderColor || "#000000"}; box-shadow: 0px -0.699999988079071px 0px ${borderColor} inset; // width: 100%; // height: 100%; text-align: center; padding: 6px 8px; border-radius: 4px; `; const TagText = styled.span` color: ${textColor || "#000000"}; font-size: 14px; `; return ( <TagContainer> {props.preElements} <TagText style={textStyle}>{text}</TagText> </TagContainer> );