gorbenko.pavel
da158cfd84
Tests / test (push) Successful in 2m26s
Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz> Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/5
18 lines
794 B
TypeScript
18 lines
794 B
TypeScript
import * as React from 'react';
|
|
import styles from './DataTable.module.scss';
|
|
import { Icon } from './Icon';
|
|
|
|
export interface ICellNoteProps {
|
|
children: React.ReactNode;
|
|
/** 'warn' — амбер с иконкой (например, причина от бэкенда), 'muted' — нейтральная пометка. */
|
|
kind?: 'warn' | 'muted';
|
|
}
|
|
|
|
/** Пояснение под основным значением ячейки — например, причина, по которой оно пустое. */
|
|
export const CellNote: React.FC<ICellNoteProps> = ({ children, kind = 'muted' }) => (
|
|
<span className={`${styles.cellNote} ${kind === 'warn' ? styles.cellNoteWarn : ''}`}>
|
|
{kind === 'warn' && <Icon name="warning" size="sm" />}
|
|
<span>{children}</span>
|
|
</span>
|
|
);
|