'use client';

import { Card } from '@/components/ui/card';

export function UsageExamples() {
  return (
    <Card className="p-6 bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800">
      <h3 className="text-lg font-semibold mb-2 flex items-center gap-2">
        💡
        <span>使用示例</span>
      </h3>
      <ul className="space-y-1 text-sm text-blue-800 dark:text-blue-200">
        <li>• 统计所有沙土且面积大于50亩的地块：选择"沙土"，设置最小面积为50</li>
        <li>• 统计有机种植的露地地块：选择"露地"种植模式，选择"有机种植"标签</li>
        <li>• 统计50-100亩的大棚地块：选择"大棚"，设置面积范围50-100</li>
        <li>• 多条件组合：可同时选择多个土壤类型、种植模式和标签</li>
      </ul>
    </Card>
  );
}