Printer Checklist - Copy this React, Tailwind Component to your project
Create a React component that displays a printer checklist with a table layout. The table should dynamically render toner levels based on the printer type (Color, Black and White, HP Plotter). Use different colored lines on the left side of each row to indicate the type of printer: Cyan line for Color printers (identified by the printer type 'C') Black line for Black and White printers ('BW') Dark gray line for HP Plotters ('HP Plotter') The toner levels for color printers should display individual percentages for Cyan, Magenta, Yellow, and Black. For Black and White printers, display only the Black toner level. For HP Plotters, use specific data fetched from a remote XML file. Use a table structure with sortable columns for hostname, IP address, serial number, location, and toner levels. Include an 'Edit' button and a 'Print Test Page' button for each printer in the 'Actions' column. Implement light and dark themes, and provide a switch to toggle between them.
