Mav-Mobile-UI/src/components/CameraSettings/CameraSettings.tsx

import Card from "../UI/Card";
import CardHeader from "../UI/CardHeader";
import CameraSettingFields from "./CameraSettingFields";
import { faWrench } from "@fortawesome/free-solid-svg-icons";

const CameraSettings = ({ title }: { title: string }) => {
  return (
    <Card>
      <div className="relative flex flex-col space-y-3 h-full">
        <CardHeader title={title} icon={faWrench} />
        <CameraSettingFields />
      </div>
    </Card>
  );
};

export default CameraSettings;