packages/pass/components/Spotlight/Spotlight.tsx

   1 import type { FC } from 'react';
   2
   3 import clsx from '@proton/utils/clsx';
   4
   5 import { SpotlightContent } from './SpotlightContent';
   6 import { useSpotlight } from './SpotlightProvider';
   7
   8 export const Spotlight: FC = () => {
   9     const spotlight = useSpotlight();
  10
  11     return (
  12         <div className="flex-auto w-full">
  13             <div className={clsx('anime-reveal', !spotlight.state.open && 'anime-reveal--hidden')}>
  14                 {spotlight.state.message && !spotlight.state.message.hidden && (
  15                     <SpotlightContent {...spotlight.state.message} />
  16                 )}
  17             </div>
  18         </div>
  19     );
  20 };