mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-28 22:15:12 -04:00
e12dc523f8
* Adjust editor config Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de> Co-authored-by: Erik Michelson <github@erik.michelson.eu>
25 lines
763 B
TypeScript
25 lines
763 B
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import React from 'react'
|
|
import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
|
|
import { IconName } from '../../../common/fork-awesome/types'
|
|
|
|
export interface DocumentInfoLineProps {
|
|
icon: IconName
|
|
size?: '2x' | '3x' | '4x' | '5x' | undefined
|
|
}
|
|
|
|
export const DocumentInfoLine: React.FC<DocumentInfoLineProps> = ({ icon, size, children }) => {
|
|
return (
|
|
<span className={ 'd-flex align-items-center' }>
|
|
<ForkAwesomeIcon icon={ icon } size={ size } fixedWidth={ true } className={ 'mx-2' }/>
|
|
<i className={ 'd-flex align-items-center' }>
|
|
{ children }
|
|
</i>
|
|
</span>
|
|
)
|
|
}
|