@dnanpm/styleguide/build/cjs/components/ButtonRound/ButtonRound.js

DNA Styleguide repository provides the set of components and theme object used in various DNA projects.

'use strict';

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

var tslib = require('tslib');
var React = require('react');
var styledComponents = require('styled-components');
var theme = require('../../themes/theme.js');
var styledUtils = require('../../utils/styledUtils.js');
var ButtonPrimary = require('../ButtonPrimary/ButtonPrimary.js');

function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefaultCompat(React);

const ButtonElement = styledComponents.styled(ButtonPrimary.default) `
    display: flex;
    min-width: initial;
    width: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 3.2)};
    height: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 3.2)};
    border-radius: ${theme.default.radius.circle};
    padding: initial;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
`;
/**
 * @visibleName Button Round
 * @deprecated Use `ButtonArrow` component
 */
const ButtonRound = (_a) => {
    var { 'data-testid': dataTestId, 'data-no-close': dataNoClose, 'data-track-value': dataTrackValue } = _a, props = tslib.__rest(_a, ['data-testid', 'data-no-close', 'data-track-value']);
    return (React__default.default.createElement(ButtonElement, { id: props.id, name: props.name, type: props.type, onClick: props.onClick, onMouseDown: props.onMouseDown, darkBg: props.darkBg, disabled: props.disabled, className: props.className, "data-testid": dataTestId, "data-no-close": dataNoClose, "data-track-value": dataTrackValue }, props.children));
};

exports.default = ButtonRound;