forked from cerc-io/snowballtools-base
31 lines
717 B
TypeScript
31 lines
717 B
TypeScript
import { PropsWithChildren } from 'react';
|
|
|
|
import { Heading } from 'components/shared/Heading';
|
|
|
|
export interface ProjectSettingHeaderProps extends PropsWithChildren {
|
|
headingText: string;
|
|
button?: React.ReactNode;
|
|
badge?: React.ReactNode;
|
|
}
|
|
|
|
const ProjectSettingHeader: React.FC<ProjectSettingHeaderProps> = ({
|
|
headingText,
|
|
button,
|
|
badge,
|
|
...props
|
|
}) => {
|
|
return (
|
|
<div className="flex justify-between items-center" {...props}>
|
|
<div className="flex space-x-2 items-center">
|
|
<Heading className="text-lg font-medium leading-normal">
|
|
{headingText}
|
|
</Heading>
|
|
{badge}
|
|
</div>
|
|
{button ?? button}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export { ProjectSettingHeader };
|