import { GlyphIcon, GlyphIconProps } from '@theorchard/suite-icons';
import React, { FC } from 'react';
import './styles.scss';

interface TitleWithGlyphIconProps {
    title?: string;
    glyphIconProps: GlyphIconProps;
}

const TitleWithGlyphIcon: FC<TitleWithGlyphIconProps> = ({
    title,
    glyphIconProps,
}) => (
    <div className="Modal-Title-With-GlyphIcon">
        <GlyphIcon {...glyphIconProps} />
        {title && <h3>{title}</h3>}
    </div>
);

export default TitleWithGlyphIcon;