import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './Typography.scss';
const Typography = ({ fontWeight = 'regular', fontSize = 12, lineHeight = 'normal', color = '', textAlign = 'left', as: Element = 'span', letterSpacing = '', className = '', children, htmlFor = '', onClick = () => { }, required = false, style = {}, cursor, onDoubleClick = () => { }, ...rest }) => {
    const fontSizeValue = typeof fontSize === 'number' ? `${fontSize}px` : fontSize;
    return (_jsxs(Element, { className: `ff-text ff-text--${fontWeight} ${className}`, ...(Element === 'label' && { htmlFor }), style: {
            fontSize: fontSizeValue,
            lineHeight,
            color,
            textAlign,
            letterSpacing,
            cursor,
            ...style,
        }, onClick: onClick, onDoubleClick: onDoubleClick, ...rest, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), children] }));
};
export default Typography;
//# sourceMappingURL=Typography.js.map