Accordion

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from 'novaui-components'

export function BasicAccordion() {
  return (
    <Accordion type="single" collapsible defaultValue="item-1">
      <AccordionItem value="item-1">
        <AccordionTrigger>Is it accessible?</AccordionTrigger>
        <AccordionContent>
          <Text>Yes. It adheres to the WAI-ARIA design pattern and supports keyboard navigation.</Text>
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="item-2">
        <AccordionTrigger>Is it styled?</AccordionTrigger>
        <AccordionContent>
          <Text>Yes. It comes with default styles using NativeWind that match your theme.</Text>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}

<Accordion type="single" collapsible defaultValue="item-1">
  <AccordionItem value="item-1">
    <AccordionTrigger>Section One</AccordionTrigger>
    <AccordionContent>
      <Text>Only one section is open at a time in single mode.</Text>
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-2">
    <AccordionTrigger>Section Two</AccordionTrigger>
    <AccordionContent>
      <Text>Opening this will close the other section.</Text>
    </AccordionContent>
  </AccordionItem>
</Accordion>

<Accordion type="multiple" defaultValue={["item-1", "item-2"]}>
  <AccordionItem value="item-1">
    <AccordionTrigger>Section One</AccordionTrigger>
    <AccordionContent>
      <Text>This section is expanded.</Text>
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-2">
    <AccordionTrigger>Section Two</AccordionTrigger>
    <AccordionContent>
      <Text>This section is also expanded at the same time.</Text>
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-3">
    <AccordionTrigger>Section Three</AccordionTrigger>
    <AccordionContent>
      <Text>Each section can be toggled independently.</Text>
    </AccordionContent>
  </AccordionItem>
</Accordion>

<Accordion type="single" collapsible={false} defaultValue="item-1">
  <AccordionItem value="item-1">
    <AccordionTrigger>Always One Open</AccordionTrigger>
    <AccordionContent>
      <Text>This item cannot be collapsed — one item is always open.</Text>
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-2">
    <AccordionTrigger>Another Item</AccordionTrigger>
    <AccordionContent>
      <Text>Clicking this will close the other item.</Text>
    </AccordionContent>
  </AccordionItem>
</Accordion>

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from 'novaui-components'
import { Text } from 'react-native'

export function FAQ() {
  return (
    <Accordion type="single" collapsible defaultValue="faq-1">
      <AccordionItem value="faq-1">
        <AccordionTrigger>What is NovaUI?</AccordionTrigger>
        <AccordionContent>
          <Text>NovaUI is a React Native UI component library built on NativeWind with 50+ customizable components.</Text>
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="faq-2">
        <AccordionTrigger>Is it free to use?</AccordionTrigger>
        <AccordionContent>
          <Text>Yes, NovaUI is open source and free to use in any project.</Text>
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="faq-3">
        <AccordionTrigger>Can I customize the components?</AccordionTrigger>
        <AccordionContent>
          <Text>Absolutely! Components are copied into your project — you own the code and can modify anything.</Text>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}