From 5dd084dbd7a6b4228ffe0ebb6043d56b256ee5e3 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Mon, 14 Oct 2019 12:13:52 +0300
Subject: [PATCH] Fixed #1019 - added className support to SelectButtonItems

---
 src/components/selectbutton/SelectButton.js     | 2 +-
 src/components/selectbutton/SelectButtonItem.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/selectbutton/SelectButton.js b/src/components/selectbutton/SelectButton.js
index ee3b083bd2..7f51e4e1d9 100644
--- a/src/components/selectbutton/SelectButton.js
+++ b/src/components/selectbutton/SelectButton.js
@@ -148,7 +148,7 @@ export class SelectButton extends Component {
             return this.props.options.map((option, index) => {
                 let optionLabel = this.getOptionLabel(option);
                 
-                return <SelectButtonItem key={optionLabel} label={optionLabel} option={option} onClick={this.onOptionClick}
+                return <SelectButtonItem key={optionLabel} label={optionLabel} className={option.className} option={option} onClick={this.onOptionClick}
                             selected={this.isSelected(option)} tabIndex={this.props.tabIndex} disabled={this.props.disabled} />;
             });
         }
diff --git a/src/components/selectbutton/SelectButtonItem.js b/src/components/selectbutton/SelectButtonItem.js
index bfbafb8cbc..ec476ba3a0 100644
--- a/src/components/selectbutton/SelectButtonItem.js
+++ b/src/components/selectbutton/SelectButtonItem.js
@@ -7,6 +7,7 @@ export class SelectButtonItem extends Component {
     static defaultProps = {
         option: null,
         label: null,
+        className: null,
         selected: null,
         tabIndex: null,
         onClick: null
@@ -15,6 +16,7 @@ export class SelectButtonItem extends Component {
     static propTypes = {
         option: PropTypes.object,
         label: PropTypes.string,
+        className: PropTypes.string,
         selected: PropTypes.bool,
         tabIndex: PropTypes.number,
         onClick: PropTypes.func
@@ -60,7 +62,7 @@ export class SelectButtonItem extends Component {
     }
 
     render() {
-        let className = classNames('p-button p-component p-button-text-only', {
+        let className = classNames('p-button p-component p-button-text-only', this.props.className, {
             'p-highlight': this.props.selected,
             'p-disabled': this.props.disabled,
             'p-focus': this.state.focused