import { OnSiteYellInput } from "@/site/Site";

import SiteYellItem from "@/site/SiteYellItem";
import { useSiteStore } from "@/Stores";
import { observer } from "mobx-react-lite";

export default observer(
  ({ onSiteYellInput }: { onSiteYellInput: OnSiteYellInput }) => {
    const { siteYells } = useSiteStore();

    return (
      <>
        {siteYells.map((siteYell) =>
          siteYell ? (
            <SiteYellItem
              key={siteYell.siteYellID}
              data={siteYell}
              onSiteYellInput={onSiteYellInput}
            />
          ) : null,
        )}
      </>
    );
  },
);