'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { getTranslation } from '@payloadcms/translations';
import React from 'react';
import { TrashIcon } from '../../icons/Trash/index.js';
import { useConfig } from '../../providers/Config/index.js';
import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
import { useTranslation } from '../../providers/Translation/index.js';
import './index.scss';
const baseClass = 'trash-banner';
export const TrashBanner = ()=>{
    const { getEntityConfig } = useConfig();
    const { collectionSlug } = useDocumentInfo();
    const collectionConfig = getEntityConfig({
        collectionSlug
    });
    const { labels } = collectionConfig;
    const { i18n } = useTranslation();
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        children: [
            /*#__PURE__*/ _jsxDEV(TrashIcon, {}, void 0, false, {
                fileName: "src/elements/TrashBanner/index.tsx",
                lineNumber: 23,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV("p", {
                children: i18n.t('general:documentIsTrashed', {
                    label: `${getTranslation(labels?.singular, i18n)}`
                })
            }, void 0, false, {
                fileName: "src/elements/TrashBanner/index.tsx",
                lineNumber: 24,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/elements/TrashBanner/index.tsx",
        lineNumber: 22,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map