"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.EditButton = exports.StyledEditButton = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const EditGrayIcon_1 = require("../../CommonUI/Icon/EditGrayIcon");
exports.StyledEditButton = styled_components_1.default.div `
    width: 16px;
    height: 16px;
    position: absolute;
    right: ${(props) => props.right || 0}px;
    top: 0;
    cursor: pointer;

    ${(props) => (props.hide ? "display: none;" : "display: block;")}
`;
const EditButton = (props) => {
    return ((0, jsx_runtime_1.jsx)(exports.StyledEditButton, { onClick: props.onClick, className: props.className, hide: props.hide, "data-testid": props.dataTestId, right: props.right, children: (0, jsx_runtime_1.jsx)(EditGrayIcon_1.EditGrayIcon, {}) }));
};
exports.EditButton = EditButton;
//# sourceMappingURL=EditButton.js.map