packages/pass/components/Layout/Bar/BottomBar.tsx

   1 import type { FC, ReactNode } from 'react';
   2
   3 import clsx from '@proton/utils/clsx';
   4
   5 export type BottomBarProps = {
   6     className?: string;
   7     hidden?: boolean;
   8     text: ReactNode;
   9 };
  10
  11 export const BottomBar: FC<BottomBarProps> = ({ className, hidden = false, text }) => {
  12     return (
  13         <div className={clsx('w-full anime-reveal', hidden && 'anime-reveal--hidden', className)}>
  14             <div className="flex flex-nowrap gap-2 items-center justify-center text-center text-sm p-2">{text}</div>
  15         </div>
  16     );
  17 };