'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { EditIcon } from '../../../../icons/Edit/index.js';
import { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js';
import { DefaultCell } from '../../../Table/DefaultCell/index.js';
import './index.scss';
export const DrawerLink = ({ onDrawerOpen })=>{
    const cellProps = useCellProps();
    return /*#__PURE__*/ _jsxDEV("div", {
        className: "drawer-link",
        children: [
            /*#__PURE__*/ _jsxDEV(DefaultCell, {
                ...cellProps,
                className: "drawer-link__cell",
                link: false,
                onClick: null
            }, void 0, false, {
                fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
                lineNumber: 20,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV("button", {
                className: "drawer-link__doc-drawer-toggler",
                onClick: ()=>{
                    onDrawerOpen(cellProps.rowData.id, cellProps.collectionSlug);
                },
                type: "button",
                children: /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
                    fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
                    lineNumber: 28,
                    columnNumber: 9
                }, this)
            }, void 0, false, {
                fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
                lineNumber: 21,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/elements/RelationshipTable/cells/DrawerLink/index.tsx",
        lineNumber: 19,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map