import { RELATED_ITEMS } from '../fragments/items' import AccordianItem from './accordian-item' import Items from './items' import { NavigateFooter } from './more-footer' const LIMIT = 5 export default function Related ({ title, itemId }) { const variables = { title, id: itemId, limit: LIMIT } return ( <AccordianItem header={<div className='fw-bold'>related</div>} body={ <Items query={RELATED_ITEMS} variables={variables} destructureData={data => data.related} Footer={props => <NavigateFooter {...props} href={`/items/${itemId}/related`} text='view all related items' />} /> } /> ) }