diff --git a/src/components/Button/index.js b/src/components/Button/index.js index 53e1b24..a5c94cc 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -6,6 +6,8 @@ const Button = ({ iconHolderClassName, icon, text, + subTitle, + subTitleClass, onClick, sharpStyle, clippath, @@ -19,6 +21,7 @@ const Button = ({ className={`flex items-center justify-center transiton ease-linear duration-200 ${className}`} > {text} + {subTitle && {subTitle}} {icon && ( @@ -35,6 +38,9 @@ Button.defaultProps = { "bg-primary text-primaryText hover:bg-primaryDark border border-b-4 border-primaryLight rounded text-sm px-4 py-4 hover:bg-opacity-90", text: "اطلاعات بیشتر", + subTitle: false, + subTitleClass: "text-sm", + iconHolderClassName: "bg-secondary mr-2", iconClassName: "w-4", icon: false, diff --git a/src/components/Card/index.js b/src/components/Card/index.js index fe3c5c2..25cef4b 100644 --- a/src/components/Card/index.js +++ b/src/components/Card/index.js @@ -1,83 +1,73 @@ import React, { useState } from "react"; import Button from "../Button"; +import CircleInCircle from "../CircleInCircle"; -import ax from "../../assets/images/square.svg"; import FormInput from "../FormInput"; -const ProcessCard = ({ - processes, - title, - hint, - items, - options, - blogAuthorImg, -}) => { +const ProcessCard = ({ processes, title, hint, buttons, options }) => { const [openModal, setOpenModal] = useState(false); console.log(openModal); return ( {/* right */} - + {/* top */} - + {processes.map((process, index) => ( {process.color && ( - + + // )} - {process.name} - {process.content} + {process.name} + {process.content} ))} {/* middle */} - - {title} - {hint} + + {title} + + {hint} + {/* bottom */} - {/* right */} - setOpenModal(true)} - /> - {/* left */} - - {items.map((item, i) => ( - - - {item.name} - {item.ans} - - ))} - + {buttons.map((btn, index) => ( + + ))} - {" "} - + {/* left */} {options.map((option, j) => ( - + - - {option.title} + + {option.title} - {option.content} + {option.content} ))} @@ -93,7 +83,7 @@ const ProcessCard = ({ > { + return ( + + + + ); +}; + +export default CircleInCircle; + +CircleInCircle.defaultProps = { + parentClassName: "bg-red-200", + childClassName: "bg-red-600", +};
{process.name}
{hint}
+ {hint} +
{item.name}
{item.ans}
{option.title}
{option.content}