1 | const fontVariant = (variant: string) => variant && `sentico-sans-${variant}`;
|
2 | const pxToEm = (size: number) => size / 16;
|
3 |
|
4 | const fontPropertiesFactory = (props: any, defaultProps: any) => {
|
5 | const { fontColor, fontDimension, variant, margin } = props;
|
6 | const { defaultColor, defaultFontSize, defaultVariant, defaultMargin } = defaultProps;
|
7 |
|
8 | return `
|
9 | font-family: ${fontVariant(variant) || fontVariant(defaultVariant)};
|
10 | font-size: ${pxToEm(fontDimension) || pxToEm(defaultFontSize)}em;
|
11 | color: ${fontColor || defaultColor};
|
12 | margin: ${margin || defaultMargin};
|
13 | font-weight: 500;
|
14 | `;
|
15 | };
|
16 |
|
17 | export default {
|
18 | fontVariant,
|
19 | pxToEm,
|
20 | fontPropertiesFactory,
|
21 | };
|