import { base } from '../base' ; import { IButtonProps as _IButtonProps , ICSSRule , ICSSPixelUnitRule , IPalette } from '@msrvida/fluentui-react-cdn-typings/types' ; export interface IButtonProps extends _IButtonProps { iconName ? : string ; onClick : { ( event ) : void ; } ; textAlign ? : string ; width ? : ICSSRule | ICSSPixelUnitRule ; themePalette : Partial < IPalette > ; } export function Button ( props ) { return ( < base . fluentUI . DefaultButton { ... props } styles = { { root : { backgroundColor : 'transparent' , height : '30px' , width : props . width , padding : 0 } , rootDisabled : { backgroundColor : 'transparent' } , icon : { color : props . themePalette . themePrimary } , label : { fontWeight : '400' , textAlign : props . textAlign || 'left' } } } iconProps = { { iconName : props . iconName } } />); }