import React, { useEffect } from 'react';
import { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';
import { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';
import { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';
import { FluentButton } from '../../../UI/inputs/buttons/FluentButton';
import { ChevronDownIcon } from '@fluentui/react-icons';
import { Grid, Box } from '@material-ui/core';
import { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';
import { useReadMetaData } from '../hooks/useReadMetaData';
export const DisplayCardWrapper = (props) => {
    const { propsComponent, setSideSheetOpen, sideSheetOpen, setSideSheetComponent } = props;
    // const { id, columnSize, title, label, status, button, secondaryButtons } =
    //   useReadMetaData(propsComponent);
    // useEffect(() => {
    //   const { view } = button;
    //   setSideSheetComponent({
    //     id: view?.id,
    //     component: view?.component,
    //     propsComponent: view?.properties,
    //   });
    // }, [button, setSideSheetComponent]);
    return (React.createElement(Grid, { item: true }, React.createElement(Box, { mt: 2, sx: { width: '100%', minWidth: '100%' } }, React.createElement(AmbientCard
    // title={title?.label}
    // status={status?.label}
    , { 
        // title={title?.label}
        // status={status?.label}
        overrideStatusSuccess: "current", overrideStatusError: "expired", editEvent: () => { }, deleteEvent: () => { }, 
        // label={label?.label}
        fullWidth: true }, React.createElement("div", null, React.createElement(FluentMenuListItem, { value: 2, label: "Text Issued", arrow: false }), React.createElement(FluentMenuListItem, { value: 3, label: "Date Issued", arrow: false }), React.createElement(FluentMenuListItem, { value: 4, label: "Valid Until", arrow: false }), React.createElement(FluentButton, { variant: "contained", color: "secondary", onClick: () => setSideSheetOpen(!sideSheetOpen) }, "Test Butto"))))));
};
//# sourceMappingURL=DisplayCardWrapper.js.map