| 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 | };
|