@platformbuilders/fluid-react
Version:
Builders React for Fluid Design System
11 lines (10 loc) • 393 B
JavaScript
import styled from 'styled-components';
import { getFontSize, getLineHeight, getTheme, } from '@platformbuilders/theme-toolkit';
export const Text = styled.p `
color: ${getTheme('text.main')};
font-size: ${(props) => getFontSize({ ...props, variant: props.$variant })}px;
line-height: ${(props) => getLineHeight({
...props,
lineHeightVariant: props.$lineHeightVariant,
})}px;
`;