import { jsx as _jsx } from "react/jsx-runtime";
import styled from "styled-components";
import { EditGrayIcon } from "../../CommonUI/Icon/EditGrayIcon";
export const StyledEditButton = styled.div `
    width: 16px;
    height: 16px;
    position: absolute;
    right: ${(props) => props.right || 0}px;
    top: 0;
    cursor: pointer;

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