'use strict';
'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Link } from '../../../fd-component-toolbox/link/Link.js';
import { SubHeading } from '../../../fd-component-toolbox/subheading/SubHeading.js';
import { getResourceViewUrl } from '../../services/meta-navigations.js';
import { resourceNames } from '../../../../fd-toolbox/resources/resource-names.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function RolesSettingsLinks({
  id
}) {
  return /* @__PURE__ */jsxs("div", {
    id,
    className: "mt-6 flex flex-col gap-2 px-0 lg:px-4",
    children: [/* @__PURE__ */jsx(SubHeading, {
      className: "pb-0",
      children: "Roles and permissions"
    }), /* @__PURE__ */jsxs("div", {
      className: "flex flex-col gap-2",
      children: [/* @__PURE__ */jsx(Link, {
        href: getResourceViewUrl(resourceNames.userRole),
        className: "text-fd-accent",
        children: "User roles"
      }), /* @__PURE__ */jsx(Link, {
        href: getResourceViewUrl(resourceNames.roleToPermission),
        className: "text-fd-accent",
        children: "Role permissions"
      })]
    })]
  });
}
__name(RolesSettingsLinks, "RolesSettingsLinks");

export { RolesSettingsLinks };
