import { Wind } from "lucide-react";
import Card from "../../../components/ui/card";
import { Switch } from "../../../components/ui/switch";
import Controll from "./components/controll";
import Configs from "./components/configs";

export default function DetailDeviceFeature() {
  return (
    <div className="pt-4 px-6 h-full flex flex-col">
      <Card className="shrink-0">
        <div className="flex items-center justify-between">
          <div className="flex gap-4 items-center">
            <div className="h-12 w-12 bg-neutral-100 rounded-full flex justify-center items-center">
              <Wind size={24} />
            </div>
            <div>
              <h3 className="font-semibold text-gray-800 text-sm mb-1">
                Air Conditioner
              </h3>
              <p className="text-xs text-gray-500">Entrance - Off</p>
            </div>
          </div>

          <Switch />
        </div>
      </Card>
      <Controll/>
      <Configs/>
    </div>
  );
}