summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/flipping-logo.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/layout/flipping-logo.tsx')
-rw-r--r--src/components/molecules/layout/flipping-logo.tsx48
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;