diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-08 19:32:58 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-08 19:32:58 +0200 |
| commit | 5c75a302c2203cb3ebf31233121026b4775662cf (patch) | |
| tree | efaaeb7805d9f211a5f01f920aaa3609648ddc0b /src/components/atoms/icons/sun.tsx | |
| parent | a1e8f1e4426ed3560ce1b76fb73a6969388ed253 (diff) | |
chore(icons): accept a classname as prop
Diffstat (limited to 'src/components/atoms/icons/sun.tsx')
| -rw-r--r-- | src/components/atoms/icons/sun.tsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/atoms/icons/sun.tsx b/src/components/atoms/icons/sun.tsx index 6caad9c..fa9d922 100644 --- a/src/components/atoms/icons/sun.tsx +++ b/src/components/atoms/icons/sun.tsx @@ -1,8 +1,12 @@ -import { FC } from 'react'; +import { VFC } from 'react'; import styles from './sun.module.scss'; type SunProps = { /** + * Set additional classnames to the icon. + */ + className?: string; + /** * The SVG title. */ title?: string; @@ -13,10 +17,10 @@ type SunProps = { * * Render a svg sun icon. */ -const Sun: FC<SunProps> = ({ title }) => { +const Sun: VFC<SunProps> = ({ className = '', title }) => { return ( <svg - className={styles.sun} + className={`${styles.sun} ${className}`} viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" > |