[BUG] - Nested Accordion can't use different variant

[nealsun]

NextUI Version

2.4.2

Describe the bug

when Father accordion's variant set to splitted will affect child's accordion, here is the demo

export default function App() {
  const defaultContent =
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";

  return (
    <Accordion variant="splitted">
      <AccordionItem key="1" aria-label="Accordion 1" title="Accordion 1">
        {defaultContent}
      </AccordionItem>
      <AccordionItem key="2" aria-label="Accordion 2" title="Accordion 2">
      <Accordion variant="light">
      <AccordionItem key="11" aria-label="Accordion 11" title="Accordion 11">
        {defaultContent}
      </AccordionItem>
      <AccordionItem key="22" aria-label="Accordion 22" title="Accordion 22">
        {defaultContent}
      </AccordionItem>
    </Accordion>
      </AccordionItem>
    </Accordion>
  );
}

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

see code above

Expected behavior

child accordion should independent of father's config

Screenshots or Videos

Operating System Version

macos

Browser

Chrome

[linear]

ENG-1025 [BUG] - Nested Accordion can't use different variant