function Chip(props) {
    const { label, onDelete, variant, title, className, style, size, borderRadius } = props;
    const sizeButton = sizesMap[size] || sizesMap.medium;

    return (
        <StyledContainer
            className={className}
            style={style}
            variant={variant}
            title={title}
            size={size}
            borderRadius={borderRadius}
        >
            <TruncatedText>{label}</TruncatedText>
            <RenderIf isTrue={onDelete}>
                <StyledButtonIcon
                    variant={variant}
                    icon={<CloseIcon />}
                    size={sizeButton}
                    title="Close"
                    onClick={onDelete}
                    assistiveText="Remove"
                />
            </RenderIf>
        </StyledContainer>
    );
}
A Chip displays a label that can be removed from view.