Number

import { Number } from "@makeswift/runtime/controls"

import { runtime } from "@/makeswift/runtime"

import { Feed } from "./Feed"

runtime.registerComponent(Feed, {
  type: "feed",
  label: "Feed",
  props: {
    itemsShown: Number({
      label: "Items shown",
      defaultValue: 10,
      min: 0,
      max: 100,
    }),
  },
})

const items = [
  { id: "1", name: "item 1" },
  { id: "2", name: "item 2" },
  { id: "3", name: "item 3" },
  { id: "4", name: "item 4" },
]

interface Props {
  itemsShown?: number
}

export function Feed({ itemsShown = 10 }: Props) {
  return (
    <div>
      {items.slice(0, itemsShown).map((item) => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  )
}