diff options
Diffstat (limited to 'src/components/molecules/layout/flipping-logo.tsx')
| -rw-r--r-- | src/components/molecules/layout/flipping-logo.tsx | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/components/molecules/layout/flipping-logo.tsx b/src/components/molecules/layout/flipping-logo.tsx deleted file mode 100644 index 4a216ef..0000000 --- a/src/components/molecules/layout/flipping-logo.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import Logo, { type LogoProps } from '@components/atoms/images/logo'; -import Image from 'next/image'; -import { FC } from 'react'; -import styles from './flipping-logo.module.scss'; - -export type FlippingLogoProps = { - /** - * Set additional classnames to the logo wrapper. - */ - className?: string; - /** - * Photo alternative text. - */ - altText: string; - /** - * Logo image title. - */ - logoTitle?: LogoProps['title']; - /** - * Photo url. - */ - photo: string; -}; - -/** - * FlippingLogo component - * - * Render a logo and a photo with a flipping effect. - */ -const FlippingLogo: FC<FlippingLogoProps> = ({ - className = '', - altText, - logoTitle, - photo, -}) => { - return ( - <div className={`${styles.logo} ${className}`}> - <div className={styles.logo__front}> - <Image src={photo} alt={altText} layout="fill" objectFit="cover" /> - </div> - <div className={styles.logo__back}> - <Logo title={logoTitle} /> - </div> - </div> - ); -}; - -export default FlippingLogo; |
