@octopusdeploy/design-system-components/dist/src/components/Form/FormFieldTitle.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormFieldTitle = FormFieldTitle;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens");
function FormFieldTitle({ title }) {
    return (0, jsx_runtime_1.jsx)("div", { className: formFieldTitleStyles, children: title });
}
const formFieldTitleStyles = (0, css_1.css)({
    color: design_system_tokens_1.themeTokens.color.text.secondary,
    font: design_system_tokens_1.text.body.regular.small,
    marginBottom: design_system_tokens_1.space[4],
});