promo! react

2026-08-28 09:41:34 +03:00
parent 8c5d86c9ab
commit 8526e66f5c
4 changed files with 142 additions and 21 deletions
@@ -15,17 +15,18 @@ interface AccordionProps {
 }

 export function Accordion({
-                              title,
-                              description,
-                              icon,
-                              isOpen,
-                              isHighlighted = true,
-                              onToggle,
-                              children,
-                          }: AccordionProps) {
+    id,
+    title,
+    description,
+    icon,
+    isOpen,
+    isHighlighted = true,
+    onToggle,
+    children,
+}: AccordionProps) {
    return (
        <Item>
-            <Header type="button" onClick={onToggle}>
+            <Header onClick={onToggle}>
                <HeaderLeft>
                    <IconCircle $highlighted={isHighlighted}>
                        {icon ?? <HeartIcon />}
@@ -58,7 +59,7 @@ const Item = styled.div`
    }
 `;

-const Header = styled.button`
+const Header = styled.div`
    width: 100%;
    display: flex;
    align-items: center;