42 lines
833 B
TypeScript
42 lines
833 B
TypeScript
type CategoryTabsProps = {
|
|
selectedCategory: string;
|
|
onCategoryChange: (category: string) => void;
|
|
};
|
|
|
|
const categories = [
|
|
"SEMUA",
|
|
"POLRI",
|
|
"MAHKAMAH AGUNG",
|
|
"DPR",
|
|
"MPR",
|
|
"KEJAKSAAN AGUNG",
|
|
"KPK",
|
|
"PUPR",
|
|
"BSKDN",
|
|
"BUMN",
|
|
"KPU",
|
|
];
|
|
|
|
export default function CategoryTabs({
|
|
selectedCategory,
|
|
onCategoryChange,
|
|
}: CategoryTabsProps) {
|
|
return (
|
|
<div className="flex flex-wrap gap-2 overflow-x-auto">
|
|
{categories.map((cat, idx) => (
|
|
<button
|
|
key={idx}
|
|
onClick={() => onCategoryChange(cat)}
|
|
className={`px-4 py-1 text-sm rounded font-medium border ${
|
|
selectedCategory === cat
|
|
? "bg-[#C6A455] text-white"
|
|
: "bg-white text-gray-800"
|
|
}`}
|
|
>
|
|
{cat}
|
|
</button>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|