@dnanpm/styleguide/build/cjs/components/ButtonClose/ButtonClose.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');

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

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

const ButtonElement = styledComponents.styled.button `
    position: absolute;
    top: 0;
    right: 0;
    margin: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)};
    display: inline-flex;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
`;
/** @visibleName Button Close */
const ButtonClose = (_a) => {
    var { 'data-testid': dataTestId, 'aria-label': ariaLabel } = _a, props = tslib.__rest(_a, ['data-testid', 'aria-label']);
    return (React__default.default.createElement(ButtonElement, { id: props.id, name: props.name, onClick: props.onClick, onMouseDown: props.onMouseDown, className: props.className, "data-testid": dataTestId, "aria-label": ariaLabel }, props.children));
};

exports.default = ButtonClose;