import React from 'react';
import { Grid } from '@material-ui/core';
import { BioCard } from '../../../UI/surfaces/cards/BioCard';
import { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';
import { useReadMetaData } from '../hooks/useReadMetaData';
export const BioCardWrapper = (props) => {
    const { id, propsComponent } = props;
    const { columnSize } = useReadMetaData(propsComponent);
    return (React.createElement(Grid, { item: true, xs: columnSize === null || columnSize === void 0 ? void 0 : columnSize.xs, sm: columnSize === null || columnSize === void 0 ? void 0 : columnSize.sm, md: columnSize === null || columnSize === void 0 ? void 0 : columnSize.md, key: id }, React.createElement(BioCard, { firstName: "Marlene", lastName: "Smith", avatar: "http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg", alt: "Marlene", address: React.createElement(React.Fragment, null, React.createElement(AddressListItem, null, "123 Fake Street, Encinitas, CA, 9202"), React.createElement(AddressListItem, null, " +1.767.815.8957 "), React.createElement(AddressListItem, null, " marlene@smith.com ")), copy: "Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com  " }, React.createElement("h1", null, "Marlene Smith"))));
};
//# sourceMappingURL=BioCardWrapper.js.map