import List from '@material-ui/core/List'; import React, { Component } from 'react'; import { DetailContextConsumer, VersionPageConsumerProps } from '../../pages/Version'; import CopyToClipBoard from '../CopyToClipBoard'; // logos of package managers import npm from './img/npm.svg'; import pnpm from './img/pnpm.svg'; import yarn from './img/yarn.svg'; import { Heading, InstallItem, PackageMangerAvatar, InstallListItemText } from './styles'; class Install extends Component { public render(): JSX.Element { return ( {(context: Partial) => { return context && context.packageName && this.renderCopyCLI(context); }} ); } public renderCopyCLI = ({ packageName = '' }: Partial) => { return ( <> {'Installation'}}>{this.renderListItems(packageName)} ); }; public renderListItems = (packageName: string) => { return ( <> } secondary={'Install using NPM'} /> } secondary={'Install using Yarn'} /> } secondary={'Install using PNPM'} /> ); }; } export default Install;