github.com/minio/console@v1.4.1/web-app/src/screens/Console/KMS/KMSHelpbox.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2023 MinIO, Inc. 3 // 4 // This program is free software: you can redistribute it and/or modify 5 // it under the terms of the GNU Affero General Public License as published by 6 // the Free Software Foundation, either version 3 of the License, or 7 // (at your option) any later version. 8 // 9 // This program is distributed in the hope that it will be useful, 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 // GNU Affero General Public License for more details. 13 // 14 // You should have received a copy of the GNU Affero General Public License 15 // along with this program. If not, see <http://www.gnu.org/licenses/>. 16 17 import React, { Fragment } from "react"; 18 import { HelpBox, HelpIconFilled, Box } from "mds"; 19 20 interface IKMSHelpBoxProps { 21 helpText: string; 22 contents: string[]; 23 } 24 25 const KMSHelpBox = ({ helpText, contents }: IKMSHelpBoxProps) => { 26 return ( 27 <HelpBox 28 iconComponent={<HelpIconFilled />} 29 title={helpText} 30 help={ 31 <Fragment> 32 {contents.map((content) => ( 33 <Box sx={{ paddingBottom: "20px" }}>{content}</Box> 34 ))} 35 </Fragment> 36 } 37 /> 38 ); 39 }; 40 41 export default KMSHelpBox;