"use client";

import type { ReactNode } from "react";
import { useViewPaddings } from "@/hooks/use-view-paddings";

type FixedBottomProps = {
  children: ReactNode;
  className?: string;
};

export function FixedBottom({ children, className }: FixedBottomProps) {
  const { bottom } = useViewPaddings();

  return (
    <div style={{ paddingBottom: `${bottom}px` }} className={className}>
      {children}
    </div>
  );
}