fleet/frontend/components/TableContainer/DataTable/StatusCell/StatusCell.tsx

23 lines
422 B
TypeScript
Raw Normal View History

import React from 'react';
import classnames from 'classnames';
interface IStatusCellProps {
value: string;
}
const StatusCell = (props: IStatusCellProps): JSX.Element => {
const { value } = props;
const statusClassName = classnames(
'data-table__status',
`data-table__status--${value}`,
);
return (
<span className={statusClassName}>
{value}
</span>
);
};
export default StatusCell;