mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
7f5652daff
Fixes #34530 and #34452. idP config is in a subsequent commit and will handle the dangling path added here. <!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves # # Checklist for submitter If some of the following don't apply, delete the relevant line. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. See [Changes files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files) for more information. ## Testing - [x] QA'd all new/changed functionality manually
32 lines
721 B
TypeScript
32 lines
721 B
TypeScript
import React from "react";
|
|
import classnames from "classnames";
|
|
|
|
import SectionHeader from "components/SectionHeader";
|
|
|
|
const baseClass = "settings-section";
|
|
|
|
interface ISettingsSectionProps {
|
|
title: string;
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
id?: string;
|
|
}
|
|
|
|
/** This component encapsulates the common styles for each settings section */
|
|
const SettingsSection = ({
|
|
title,
|
|
children,
|
|
className,
|
|
id,
|
|
}: ISettingsSectionProps) => {
|
|
const classes = classnames(baseClass, className);
|
|
|
|
return (
|
|
<section className={classes} id={id}>
|
|
<SectionHeader title={title} wrapperCustomClass={`${baseClass}__title`} />
|
|
<>{children}</>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default SettingsSection;
|