"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.AddItemRow = AddItemRow;
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/AddItemRow.tsx";
function AddItemRow({
  onAdd
}) {
  return /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": "add-row-button",
    style: {
      borderTop: '1px solid var(--wsr-color-D60)',
      height: 36,
      boxSizing: 'border-box',
      padding: 4,
      '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',
      '--wds-add-item-fill': 'transparent'
    },
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 10,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
    skin: "plain",
    size: "tiny",
    alignItems: "left",
    removePadding: true,
    borderRadius: "6px",
    onClick: onAdd,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 7
    }
  }, "Add Item"));
}
//# sourceMappingURL=AddItemRow.js.map