mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-05-24 08:22:10 -04:00
20 lines
535 B
TypeScript
20 lines
535 B
TypeScript
import { PropsWithChildren } from 'react';
|
|
import { CategoryHeading } from '@sd/ui';
|
|
|
|
export default (
|
|
props: PropsWithChildren<{
|
|
name: string;
|
|
actionArea?: React.ReactNode;
|
|
}>
|
|
) => (
|
|
<div className="mt-5 group">
|
|
<div className="flex items-center justify-between mb-1">
|
|
<CategoryHeading className="ml-1">{props.name}</CategoryHeading>
|
|
<div className="text-ink-faint opacity-0 transition-all duration-300 hover:!opacity-100 group-hover:opacity-30">
|
|
{props.actionArea}
|
|
</div>
|
|
</div>
|
|
{props.children}
|
|
</div>
|
|
);
|