32 lines
995 B
TypeScript
32 lines
995 B
TypeScript
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>
|
|
);
|
|
}
|