import React from 'react' import { PackageInfo } from '../../../../data/packageInfo' import { AppButton } from '../../AppButton' import { Modal } from "react-bootstrap" export interface DependencyModalProps { title?: string dependencies: Array isOpen: boolean onClose: () => void onConfirm : (e:React.MouseEvent) => void style?: { modal?: object header?: object body?: object footer?: object } } interface DependecyBody { dependencies: Array } const defaultProps:DependencyModalProps={ title:"", dependencies:[], isOpen:false, onClose: () =>{}, onConfirm: e=>{}, style:{ modal:{ color:"white" }, header:{ backgroundColor:"#212529", display: "none", }, body:{ backgroundColor:"#212529", textAlign:"center" }, footer:{ backgroundColor:"#212529", border: "none", } } } export const DependencyModal = (props:DependencyModalProps): JSX.Element =>{ return {props.title}

Install Dependencies?

 Confirm } const Body = (props:DependecyBody): JSX.Element => { return <>
{props.dependencies.map(info => { return
{info.name}

{info.name}

})}
} DependencyModal.defaultProps = defaultProps;