ButtonComponent.js

var Button = require('@salesforce/design-system-react/lib/components/button');


exports._buttonImpl = function(){
    return Button;
}

ButtonComponent.purs

type ButtonProps 
    = ( onBlur        :: EventHandler
      , onClick       :: EventHandler
      , onFocus       :: EventHandler
      , onKeyDown     :: EventHandler
      , onKeyPress    :: EventHandler
      , onKeyUp       :: EventHandler
      , onMouseDown   :: EventHandler
      , onMouseEnter  :: EventHandler
      , onMouseLeave  :: EventHandler
      , onMouseUp     :: EventHandler
      , buttonRef     :: EventHandler 
      , responsive    :: Boolean 
      , inverse       :: Boolean 
      , hint          :: Boolean 
      , disabled      :: Boolean 
      , className     :: String 
      , iconClassName :: String 
      , iconName      :: String 
      , iconPath      :: String 
      , iconPosition  :: String 
      , iconSize      :: String 
      , iconVariant   :: String 
      , id            :: String 
      , label         :: String 
      , tabIndex      :: String 
      , "type"        :: String 
      , title         :: String 
      , variant       :: String 
      , style         :: CSS
      )

foreign import _buttonImpl :: forall props partial trash. Union partial trash ButtonProps => ReactComponent { | partial }

button :: forall props partial trash. Union partial trash ButtonProps => { | partial } -> JSX
button = element _buttonImpl