Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1import * as React from 'react';
2import classNames from 'classnames';
3
4import Text, { TextSizes } from '../../uikit/Text';
5
6import styles from './IconHeader.module.css';
7
8interface IconHeaderProps {
9 icon: React.ReactElement;
10 size: (typeof TextSizes)[keyof typeof TextSizes];
11 title: string;
12 className?: string;
13}
14
15const IconHeader = ({ icon, size, title, className }: IconHeaderProps) => {
16 return (
17 <div>
18 <Text size={size} className={classNames(styles.header, className)}>
19 <span className={styles.iconWrapper}>{icon}</span>
20 {title}
21 </Text>
22 </div>
23 );
24};
25
26export default IconHeader;