Placeholder button temp. fix for Office UI Fabric

Author: estruyf

src/controls/placeholder/PlaceholderComponent.module.scss

@@ -40,13 +40,35 @@
             vertical-align: middle;
             margin: 0 auto;
             text-align: center;
+
             .placeholderDescriptionText {
                 color: "[theme:neutralSecondary, default: #666666]";
                 font-size: 17px;
                 display: inline-block;
                 margin: 24px 0;
                 font-weight: 100;
             }
+
+            button {
+              font-size: 14px;
+              font-weight: 400;
+              box-sizing: border-box;
+              display: inline-block;
+              text-align: center;
+              cursor: pointer;
+              vertical-align: top;
+              min-width: 80px;
+              height: 32px;
+              background-color: "[theme:themePrimary, default: #0078d7]";
+              color: #fff;
+              user-select: none;
+              outline: transparent;
+              border-width: 1px;
+              border-style: solid;
+              border-color: transparent;
+              border-image: initial;
+              text-decoration: none;
+            }
         }
     }
 }

src/controls/placeholder/PlaceholderComponent.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPlaceholderProps } from './IPlaceholderComponent';
-import { PrimaryButton } from 'office-ui-fabric-react/lib/components/Button';
+import { PrimaryButton } from 'office-ui-fabric-react/lib/Button';
 import styles from './PlaceholderComponent.module.scss';
 
 /**
@@ -46,17 +46,23 @@ export class Placeholder extends React.Component<IPlaceholderProps, {}> {
           {this.props.children}
           <div className={styles.placeholderDescription}>
             {
-              this.props.buttonLabel &&
+              /*
               <PrimaryButton
                 ariaLabel={this.props.buttonLabel}
                 ariaDescription={this.props.description}
                 onClick={this._handleBtnClick}>
                 {this.props.buttonLabel}
               </PrimaryButton>
+              */
+              this.props.buttonLabel &&
+              <button onClick={this._handleBtnClick}>{this.props.buttonLabel}</button>
             }
           </div>
         </div>
       </div>
     );
   }
 }
+
+
+