summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/flipping-logo.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-20 19:24:21 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-20 19:27:29 +0200
commita08291b1586858fc894a27d56f55f87a88f8dbd3 (patch)
tree0aa36c8add0ad0ecc07c0f7f20f5af3e2f7abe46 /src/components/molecules/layout/flipping-logo.tsx
parent362cf45bc520a68a1c1be20e1189ca2307577dde (diff)
refactor(storybook): reorganize design system
Add more stories for each components and change some components categories for better organization.
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;