import React from "react";
import { Space, Card, Flex, Button } from "antd";
import PrinterIcon from "../icons/PrinterIcon.jsx";
import PrinterList from "../components/PrinterList.jsx";

const Printers = ({ printers }) => {
  return (
    <Flex
      vertical
      size="large"
      style={{ width: "100%", height: "100%" }}
      gap={"middle"}
    >
      <Flex gap={"middle"} wrap style={{ flexGrow: 1 }}>
        <Card
          size="small"
          style={{ minWidth: "400px", flexGrow: 1 }}
          title={
            <Space>
              <PrinterIcon />
              Printers
            </Space>
          }
        >
          <PrinterList printers={printers} type="printer" />
        </Card>
      </Flex>
    </Flex>
  );
};

Printers.propTypes = {};

export default Printers;
