import { useState } from "react";
import { Input } from "@/components/ui/input";
import { Card, CardContent } from "@/components/ui/card";
import { ScrollArea } from "@/components/ui/scroll-area";
const sampleData = [
{
kaz: "Абайсыз (1)",
rus: "Неосторожный (1)",
example_kaz: "1. Шабуыл жасаушының қасақана немесе абайсыз әрекеттерімен...",
example_rus: "1. Необходимая оборона допустима не только тогда, когда...",
status_kaz: "",
status_rus: ""
},
{
kaz: "Абайсыз (2)",
rus: "Неумышленный (1)",
example_kaz: "1. Егер шартқа сәйкес заң көмегі көрсетілетін үшінші тұлғаларға...",
example_rus: "1. Страховой случай считается наступившим, если вред...",
status_kaz: "❌",
status_rus: "❌"
},
{
kaz: "Абайсызда (1)",
rus: "Неумышленный (2)",
example_kaz: "1. Рұқсат абайсызда бүлінген немесе жоғалған жағдайда...",
example_rus: "1. В случае неумышленной порчи или утери разрешения...",
status_kaz: "✅",
status_rus: "✅"
}
];
export default function SozdikApp() {
const [query, setQuery] = useState("");
const filtered = sampleData.filter(
(item) =>
item.kaz.toLowerCase().includes(query.toLowerCase()) ||
item.rus.toLowerCase().includes(query.toLowerCase())
);
return (
Құқықтық терминдер сөздігі
setQuery(e.target.value)}
className="mb-4"
/>
{filtered.map((item, idx) => (
{item.kaz} {item.status_kaz}
{item.rus} {item.status_rus}
Қолданыс (қазақша): {item.example_kaz}
Қолданыс (орысша): {item.example_rus}
))}
);
}