Tree Filter

import {
  TreeFilter,
  TreeFilterSearch,
  TreeFilterGroup,
  TreeFilterList,
} from '@/components/odysseyui/tree-filter';

const items = [
  {
    id: 'fruits',
    label: 'Fruits',
    count: 3,
    children: [
      { id: 'apple', label: 'Apple', count: 1 },
      { id: 'banana', label: 'Banana', count: 2 },
    ],
  },
];

export default function Page() {
  return (
    <TreeFilter defaultChecked={['apple']}>
      <TreeFilterSearch placeholder="Search..." />
      <TreeFilterGroup label="Category">
        <TreeFilterList items={items} />
      </TreeFilterGroup>
    </TreeFilter>
  );
}

interface TreeNode {
  id: string;
  label: string;
  count?: number;
  children?: TreeNode[];
}