mirror of
https://github.com/SomboChea/ui
synced 2024-05-11 05:51:37 +07:00
28 lines
675 B
JavaScript
28 lines
675 B
JavaScript
|
/**
|
||
|
|
* @prettier
|
||
|
|
* @flow
|
||
|
|
*/
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import styled from 'react-emotion';
|
||
|
|
import { fontWeight } from '../../utils/styles/sizes';
|
||
|
|
|
||
|
|
import type { Node } from 'react';
|
||
|
|
import { IProps } from './types';
|
||
|
|
|
||
|
|
const Wrapper = styled.div`
|
||
|
|
font-weight: ${({ weight }) => fontWeight[weight]};
|
||
|
|
text-transform: ${({ capitalize }) => (capitalize ? 'capitalize' : 'none')};
|
||
|
|
${({ modifiers }: IProps) => modifiers && modifiers};
|
||
|
|
`;
|
||
|
|
|
||
|
|
const Label = ({ text = '', capitalize = false, weight = 'regular', ...props }: IProps): Node => {
|
||
|
|
return (
|
||
|
|
<Wrapper capitalize={capitalize} weight={weight} {...props}>
|
||
|
|
{text}
|
||
|
|
</Wrapper>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Label;
|