import React from "react";
import { dimensionsPxToRem, fontPxToRem, styled } from "../../../theme.js";
const SubLabel = styled("div", {
    fontSize: fontPxToRem(27),
    color: "$sub",
    marginTop: fontPxToRem(27 / 3),
});
const StyledLabel = styled("div", {
    padding: `${dimensionsPxToRem(54)} 0`,
});
const Label = ({ sub, ...props }) => {
    return (React.createElement(StyledLabel, { ...props },
        React.createElement("div", null, props.children),
        sub != null && React.createElement(SubLabel, null, sub)));
};
export { Label };
//# sourceMappingURL=Label.js.map