joplin/packages/app-desktop/gui/ConfigScreen/controls/SettingDescription.tsx

import * as React from 'react';

interface Props {
	text: string;
	id?: string;
}

const SettingDescription: React.FC<Props> = props => {
	return <div className={`setting-description ${!props.text ? '-empty' : ''}`} id={props.id}>{props.text}</div>;
};

export default SettingDescription;