summaryrefslogtreecommitdiff
path: root/src/components/CollapsibleSectionHeader.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/CollapsibleSectionHeader.js')
-rw-r--r--src/components/CollapsibleSectionHeader.js33
1 files changed, 0 insertions, 33 deletions
diff --git a/src/components/CollapsibleSectionHeader.js b/src/components/CollapsibleSectionHeader.js
deleted file mode 100644
index 794aafb..0000000
--- a/src/components/CollapsibleSectionHeader.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import cx from 'clsx';
-import React from 'react';
-import { ChevronDown } from 'react-feather';
-
-import Button from './Button';
-import s from './CollapsibleSectionHeader.module.css';
-import { SectionNameType } from './shared/Basic';
-
-type Props = {
- name: string,
- type: string,
- qty?: number,
- toggle?: () => void,
- isOpen?: boolean,
-};
-
-export default function Header({ name, type, toggle, isOpen, qty }: Props) {
- return (
- <div className={s.header}>
- <div onClick={toggle} style={{ cursor: 'pointer' }}>
- <SectionNameType name={name} type={type} />
- </div>
-
- {typeof qty === 'number' ? <span className={s.qty}>{qty}</span> : null}
-
- <Button kind="minimal" onClick={toggle} className={s.btn}>
- <span className={cx(s.arrow, { [s.isOpen]: isOpen })}>
- <ChevronDown size={20} />
- </span>
- </Button>
- </div>
- );
-}