UNPKG

@cross-nft-marketplace/auction-house-nft-components

Version:
33 lines (32 loc) 2.25 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.NFTFullPage = void 0; const jsx_runtime_1 = require("react/jsx-runtime"); const useMediaContext_1 = require("../context/useMediaContext"); const ProofAuthenticity_1 = require("./ProofAuthenticity"); const MediaFull_1 = require("./MediaFull"); const AuctionInfo_1 = require("./AuctionInfo"); const BidHistory_1 = require("./BidHistory"); const MediaInfo_1 = require("./MediaInfo"); const NFTProperties_1 = require("./NFTProperties"); const NFTDataProvider_1 = require("../context/NFTDataProvider"); const useA11yIdPrefix_1 = require("../utils/useA11yIdPrefix"); const NftCategories_1 = require("./NftCategories"); const NftArtists_1 = require("./NftArtists"); const configDefault = { actionArtists: () => { }, actionCategories: () => { }, }; const NFTFullPage = ({ children, config = configDefault, className, ...wrapperProps }) => { const a11yIdPrefix = (0, useA11yIdPrefix_1.useA11yIdPrefix)("media"); const { getStyles } = (0, useMediaContext_1.useMediaContext)(); const configMerge = { ...configDefault, ...config }; const getChildren = () => { if (children) { return children; } return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MediaFull_1.MediaFull, { a11yIdPrefix: a11yIdPrefix }), (0, jsx_runtime_1.jsxs)("div", { ...getStyles("fullPageDataGrid"), children: [(0, jsx_runtime_1.jsx)(MediaInfo_1.MediaInfo, { a11yIdPrefix: a11yIdPrefix }), (0, jsx_runtime_1.jsx)(NftArtists_1.NFTArtists, { actionArtists: configMerge.actionArtists }), (0, jsx_runtime_1.jsx)(NFTProperties_1.NFTProperties, {}), (0, jsx_runtime_1.jsx)(NftCategories_1.NFTCategories, { actionCategories: configMerge.actionCategories }), (0, jsx_runtime_1.jsx)(ProofAuthenticity_1.ProofAuthenticity, {}), (0, jsx_runtime_1.jsx)(AuctionInfo_1.AuctionInfo, {}), (0, jsx_runtime_1.jsx)(BidHistory_1.BidHistory, {})] })] })); }; return ((0, jsx_runtime_1.jsx)(NFTDataProvider_1.NFTDataProvider, { ...wrapperProps, children: (0, jsx_runtime_1.jsx)("div", { ...getStyles("fullPage", className), children: getChildren() }) })); }; exports.NFTFullPage = NFTFullPage;