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.tsx12
1 files changed, 6 insertions, 6 deletions
diff --git a/src/components/molecules/layout/flipping-logo.tsx b/src/components/molecules/layout/flipping-logo.tsx
index 7bb7afc..6f7645f 100644
--- a/src/components/molecules/layout/flipping-logo.tsx
+++ b/src/components/molecules/layout/flipping-logo.tsx
@@ -1,13 +1,13 @@
import Logo from '@components/atoms/images/logo';
import Image from 'next/image';
-import { FC } from 'react';
+import { VFC } from 'react';
import styles from './flipping-logo.module.scss';
type FlippingLogoProps = {
/**
- * Adds additional classes to the logo wrapper.
+ * Set additional classnames to the logo wrapper.
*/
- additionalClasses?: string;
+ className?: string;
/**
* Photo alternative text.
*/
@@ -27,14 +27,14 @@ type FlippingLogoProps = {
*
* Render a logo and a photo with a flipping effect.
*/
-const FlippingLogo: FC<FlippingLogoProps> = ({
- additionalClasses,
+const FlippingLogo: VFC<FlippingLogoProps> = ({
+ className = '',
altText,
logoTitle,
photo,
}) => {
return (
- <div className={`${styles.logo} ${additionalClasses}`}>
+ <div className={`${styles.logo} ${className}`}>
<div className={styles.logo__front}>
<Image src={photo} alt={altText} layout="fill" objectFit="cover" />
</div>