Accordion

import { useId } from 'react';
import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const id = useId();
  return (
    <W.Accordion
      id={id}
      items={[
        {
          value: 'web',
          title: 'Web에서도 사용할 수 있나요?',
          content: 'React와 React Native에서 같은 API를 사용합니다.',
        },
        {
          value: 'theme',
          title: '다크 모드를 지원하나요?',
          content: 'ThemeProvider로 라이트와 다크 테마를 전환하세요.',
        },
      ]}
    />
  );
}