import Puff from "./Puff"

import type { PuffsProps } from "@/types/components/current/asides/puffs"

export default function Puffs({ puffs }: PuffsProps) {
  if (!puffs.length) {
    return null
  }
  return (
    <>
      {puffs.map(puff => (
        <Puff key={puff.node.system.uid} {...puff.node} />
      ))}
    </>
  )
}