mirror of
https://github.com/hazemKrimi/crimson-quirks-ui.git
synced 2026-05-02 02:30:29 +00:00
Clear git cache
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
import { Wrapper } from './styles';
|
||||
|
||||
type TextProps = {
|
||||
children?: React.ReactNode | JSX.Element | string;
|
||||
className?: string;
|
||||
variant?: 'display' | 'headline' | 'title' | 'subheader' | 'body' | 'caption';
|
||||
color?:
|
||||
| 'client'
|
||||
| 'productOwner'
|
||||
| 'developer'
|
||||
| 'admin'
|
||||
| 'success'
|
||||
| 'warning'
|
||||
| 'error'
|
||||
| 'black'
|
||||
| 'white'
|
||||
| string;
|
||||
align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
||||
display?: 'initial' | 'block' | 'inline';
|
||||
gutterBottom?: boolean;
|
||||
lineThrough?: boolean;
|
||||
weight?: 'initial' | 'normal' | 'bold' | number;
|
||||
};
|
||||
|
||||
const Text = ({
|
||||
children,
|
||||
variant = 'body',
|
||||
className,
|
||||
...props
|
||||
}: TextProps) => {
|
||||
return (
|
||||
<Wrapper className={`${variant} ${className}`} {...props}>
|
||||
{children}
|
||||
</Wrapper>
|
||||
);
|
||||
};
|
||||
|
||||
export default Text;
|
||||
Reference in New Issue
Block a user