How to use the netlify-cms-ui-default.buttons.lightRed function in netlify-cms-ui-default

}
`;

const BackStatusChanged = styled(BackStatus)`
  ${components.textBadgeDanger};
`;

const ToolbarButton = styled.button`
  ${buttons.button};
  ${buttons.default};
  ${styles.buttonMargin};
  display: block;
`;

const DeleteButton = styled(ToolbarButton)`
  ${buttons.lightRed};
`;

const SaveButton = styled(ToolbarButton)`
  ${buttons.lightBlue};
`;

const PublishedButton = styled(StyledDropdownButton)`
  background-color: ${colorsRaw.tealLight};
  color: ${colorsRaw.teal};
`;

const PublishButton = styled(StyledDropdownButton)`
  background-color: ${colorsRaw.teal};
`;

const StatusButton = styled(StyledDropdownButton)`

input {
    height: 0.1px;
    width: 0.1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    outline: none;
  }
`;

const DeleteButton = styled.button`
  ${styles.button};
  ${buttons.lightRed};
`;

const InsertButton = styled.button`
  ${styles.button};
  ${buttons.green};
`;

const LowerActionsContainer = styled.div`
  margin-top: 30px;
`;

const MediaLibraryActions = ({
  uploadButtonLabel,
  deleteButtonLabel,
  insertButtonLabel,
  uploadEnabled,