diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-20 19:24:21 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-20 19:27:29 +0200 |
| commit | a08291b1586858fc894a27d56f55f87a88f8dbd3 (patch) | |
| tree | 0aa36c8add0ad0ecc07c0f7f20f5af3e2f7abe46 /src/components/molecules/layout/flipping-logo.tsx | |
| parent | 362cf45bc520a68a1c1be20e1189ca2307577dde (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.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; |
