diff options
| author | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
|---|---|---|
| committer | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
| commit | a7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch) | |
| tree | 74f66253717515d364ce74bd8275015c1f829cbc /src2/components/elements/Disclosure.js | |
| parent | 90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff) | |
| parent | a1b9b647a6c4bda1f5db63879639d44543f9557e (diff) | |
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src2/components/elements/Disclosure.js')
| -rw-r--r-- | src2/components/elements/Disclosure.js | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src2/components/elements/Disclosure.js b/src2/components/elements/Disclosure.js new file mode 100644 index 00000000..1f334be3 --- /dev/null +++ b/src2/components/elements/Disclosure.js @@ -0,0 +1,14 @@ +const { ChevronUpIcon, ChevronDownIcon } = require("@heroicons/react/24/outline"); + +const Disclosure = ({ label, active, onClick }) => ( + <div className={`flex justify-between p-4 ` + (active && 'bg-yellow_r-2')} onClick={onClick}> + <p className="font-medium leading-normal">{ label }</p> + { onClick && ( active ? ( + <ChevronUpIcon className="w-5 h-5 stroke-2" /> + ) : ( + <ChevronDownIcon className="w-5 h-5 stroke-2" /> + ) ) } + </div> +); + +export default Disclosure;
\ No newline at end of file |
