import { MessageSquareWarning } from "lucide-react";
import { MessageForm } from "./_components/messageForm";

export default function MessagePage() {
	return (
		<div className="grid grid-cols-6 gap-4">
			<div className="col-span-full">
				<p className="text-2xl font-semibold text-left flex items-center gap-2">
					<MessageSquareWarning className="w-5 h-5" /> Service Nachrichten
				</p>
			</div>
			<div className="card bg-base-200 shadow-xl mb-4 col-span-6">
				<div className="card-body">
					<MessageForm />
				</div>
			</div>
		</div>
	);
}
