flexor-web/src/app/components/subtitle.tsx

import React, { FC } from 'react'
import { useTheme } from '../hooks'

const Subtitle: FC = ({ children }) => {
    const theme = useTheme()
    return <h2 className="subtitle" style={{ color: theme.secondary }}>{children}</h2>
}

export default Subtitle