github.com/minio/console@v1.4.1/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/NARule.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2022 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 { CircleIcon, Grid } from "mds"; 19 20 interface INARule { 21 ruleText: string; 22 } 23 24 const NARule = ({ ruleText }: INARule) => { 25 return ( 26 <Fragment> 27 <Grid container sx={{ display: "flex", justifyContent: "flex-start" }}> 28 <Grid item xs={1}> 29 <CircleIcon 30 width={"12px"} 31 height={"12px"} 32 style={{ color: "#8f949c" }} 33 /> 34 </Grid> 35 <Grid 36 item 37 xs={9} 38 sx={{ 39 color: "#8f949c", 40 display: "flex", 41 justifyContent: "flex-start", 42 }} 43 style={{}} 44 > 45 {ruleText} 46 </Grid> 47 </Grid> 48 </Fragment> 49 ); 50 }; 51 52 export default NARule;