CHOMPStation2/tgui/packages/tgui_ch/interfaces/XenoarchReplicator_clothing_vr.js

import { useBackend } from '../backend';
import { Button } from '../components';
import { Window } from '../layouts';

export const XenoarchReplicator_clothing_vr = (props, context) => {
  const { act, data } = useBackend(context);

  const { tgui_construction } = data;

  return (
    <Window theme="abductor" width={400} height={400} resizable>
      <Window.Content scrollable>
        {tgui_construction.map((button, i) => (
          <Button
            key={button.key}
            color={button.background}
            icon={button.icon}
            iconColor={button.foreground}
            fontSize={4}
            onClick={() => act('construct', { key: button.key })}
          />
        ))}
      </Window.Content>
    </Window>
  );
};