/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

import * as React from 'react'
import StyledUnstyledButton from './style'

/**
 * Implementor notes:
 * This button is almost unopinonated in styles
 * and should be used only when PushButton can't
 * such as actions in buttons that have no UI (link-like buttons).
 * This has limited usage on purpose.
 * Consider either using pushButton or creating a new component as needed
 * as this file shouldn't be changed much.
 */

export interface UnstyledButtonTheme {
  fontSize?: string
  color?: string
  hoverColor?: string
  userSelect?: string
  textDecoration?: string
}

export interface UnstyledButtonProps {
  id?: string
  onClick?: (e: any) => void
  text?: string | number
  customStyle?: UnstyledButtonTheme
}

class UnstyledButton extends React.PureComponent<UnstyledButtonProps, {}> {
  render () {
    const { id, onClick, customStyle, text } = this.props
    return (
      <StyledUnstyledButton id={id} customStyle={customStyle} onClick={onClick}>
        {text ? text.toString() : null}
      </StyledUnstyledButton>
    )
  }
}

export default UnstyledButton