"use client";

import { FilterChips, Filter } from "./filter-chips"

const SAMPLE_FILTERS: Filter[] = [

{ id: "playlists", label: "Playlists", count: 8 },

{ id: "albums", label: "Albums", count: 5 },

{ id: "artists", label: "Artists", count: 3 },

{ id: "podcasts", label: "Podcasts", count: 2 },

];

export function FilterChipsDemo() {

return (

<div className="w-full h-full flex items-center justify-center p-2 sm:p-4 md:p-8">

<FilterChips filters={SAMPLE_FILTERS} />

</div>

)

}