jobiqo-cl/lib/src/components/02-atoms/01-forms/01-button/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var React__default = _interopDefault(React);
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Button component. Renders a button component styled according
 * to theme properties.
 */
/**
 * A button component can be used whenever an action has to be performed either on a form or other places.
 * Do not use buttons for links as for links we should always use <a> tags for proper link semantics. Buttons can have multiple styles applied to them as seen in the
 * buttonStyle prop.
 */
const Button = React__default.forwardRef((_a, ref) => {
    var { buttonStyle, children = null, raised = true, iconed = false, fab = false, bordered = false } = _a, props = tslib_es6.__rest(_a, ["buttonStyle", "children", "raised", "iconed", "fab", "bordered"]);
    return (React__default.createElement(styles.Button, Object.assign({ ref: ref, buttonStyle: buttonStyle, raised: raised, iconed: iconed, fab: fab, bordered: bordered }, props), children));
});

exports.Button = Button;
exports.default = Button;