fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
43 lines
783 B
JavaScript
43 lines
783 B
JavaScript
import React from 'react';
|
|
import cn from 'classnames';
|
|
|
|
function Label({
|
|
className,
|
|
topValue,
|
|
topValueSize = 'text-base',
|
|
bottomValue,
|
|
topMuted = false,
|
|
bottomMuted = false,
|
|
horizontal = false,
|
|
}) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
className,
|
|
'flex items-center px-4',
|
|
horizontal ? '!pl-0' : 'flex-col',
|
|
)}
|
|
>
|
|
<div
|
|
className={cn(
|
|
topValueSize,
|
|
{ 'color-gray-medium': topMuted },
|
|
horizontal ? 'mr-2' : '',
|
|
)}
|
|
>
|
|
{topValue}
|
|
</div>
|
|
<div
|
|
className={cn('font-light text-sm', {
|
|
'color-gray-medium': bottomMuted,
|
|
})}
|
|
>
|
|
{bottomValue}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
Label.displayName = 'Label';
|
|
|
|
export default Label;
|