parent
							
								
									65026c081f
								
							
						
					
					
						commit
						c0a3de0117
					
				
				 7 changed files with 68 additions and 2 deletions
			
			
		| After Width: | Height: | Size: 1.9 KiB | 
| After Width: | Height: | Size: 28 KiB | 
| After Width: | Height: | Size: 22 KiB | 
| @ -0,0 +1,33 @@ | ||||
| import React from "react"; | ||||
| 
 | ||||
| import dropbox from "./images/dropbox.svg"; | ||||
| 
 | ||||
| const CardHolder = ({ | ||||
|   cardImage, | ||||
|   cardBackgroundColor, | ||||
|   cardBorder, | ||||
|   cardBorderColor, | ||||
|   cardBorderRadius, | ||||
| }) => { | ||||
|   return ( | ||||
|     <div | ||||
|       className={`bg-white m-20 ${cardBorder} ${cardBorderRadius}`} | ||||
|       style={{ | ||||
|         backgroundColor: cardBackgroundColor, | ||||
|         borderColor: cardBorderColor, | ||||
|       }} | ||||
|     > | ||||
|       <img src={cardImage} className="w-20" /> | ||||
|     </div> | ||||
|   ); | ||||
| }; | ||||
| 
 | ||||
| export default CardHolder; | ||||
| 
 | ||||
| CardHolder.defaultProps = { | ||||
|   cardImage: dropbox, | ||||
|   cardBackgroundColor: "#fff", | ||||
|   cardBorder: "border-4", | ||||
|   cardBorderColor: "#EEEEEE", | ||||
|   cardBorderRadius: "rounded-lg", | ||||
| }; | ||||
| Before Width: | Height: | Size: 650 B After Width: | Height: | Size: 650 B | 
					Loading…
					
					
				
		Reference in new issue