17 lines
609 B
JavaScript
17 lines
609 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;
|