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

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SelectOption = SelectOption;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens");
const SelectOptionLayout_1 = require("./SelectOptionLayout");
function SelectOption({ option, selected }) {
    return (0, jsx_runtime_1.jsx)(SelectOptionLayout_1.SelectOptionLayout, { label: option.label, description: option.description, prefix: option.prefix, className: selected ? selectedOptionStyles : selectOptionStyles });
}
const selectOptionStyles = (0, css_1.css)({
    borderLeft: `${design_system_tokens_1.borderWidth[4]} solid transparent`,
});
const selectedOptionStyles = (0, css_1.css)({
    backgroundColor: design_system_tokens_1.themeTokens.color.menuList.background.hover,
    borderLeft: `${design_system_tokens_1.borderWidth[4]} solid ${design_system_tokens_1.themeTokens.color.border.selected}`,
});