import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion"

export function GetMacAccordion() {
  return (
    <Accordion
      type="single"
      collapsible
      className="w-full"
    >
      <AccordionItem value="item-1">
        <AccordionTrigger>How do I find my MAC Address?</AccordionTrigger>
        <AccordionContent className="flex flex-col gap-4 text-balance">
          <p>
            A MAC (Media Access Control) address is a unique identifier assigned
            to a device's network. It is used to identify the device on a
            network, helping to differentiate devices on a network.
          </p>
          <Accordion type="single" collapsible className="w-full">
            <AccordionItem value="iphone">
              <AccordionTrigger>iPhone</AccordionTrigger>
              <AccordionContent>
                Settings ➜ General ➜ About ➜ Wi-Fi Address
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="redmi">
              <AccordionTrigger>Redmi</AccordionTrigger>
              <AccordionContent>
                Settings ➜ About ➜ Wi-Fi MAC Address
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="samsung">
              <AccordionTrigger>Samsung</AccordionTrigger>
              <AccordionContent>
                Settings ➜ About phone ➜ Status Information ➜ Wi-Fi MAC Address
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="windows">
              <AccordionTrigger>Windows Laptop</AccordionTrigger>
              <AccordionContent>
                Settings ➜ Network and Internet ➜ Wi-Fi ➜ Hardware
                Properties ➜ Physical address (MAC):
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="other">
              <AccordionTrigger>Other Device</AccordionTrigger>
              <AccordionContent>
                Please contact SAR Link for assistance.
              </AccordionContent>
            </AccordionItem>
          </Accordion>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}