BucketHeader.tsx28 lines · main

1	import { CreateTableInstructionsDialog } from './CreateTable/CreateTableInstructionsDialog'
2	import {
3	ScaffoldHeader,
4	ScaffoldSectionDescription,
5	ScaffoldSectionTitle,
6	} from '@/components/layouts/Scaffold'
7
8	interface BucketHeaderProps {
9	showActions?: boolean
10	}
11
12	export const BucketHeader = ({ showActions = true }: BucketHeaderProps) => {
13	return (
14	<ScaffoldHeader className="pt-0 flex flex-row justify-between items-end gap-x-8">
15	<div>
16	<ScaffoldSectionTitle>Tables</ScaffoldSectionTitle>
17	<ScaffoldSectionDescription>
18	Analytics tables stored in this bucket
19	</ScaffoldSectionDescription>
20	</div>
21	{showActions && (
22	<div className="flex items-center gap-x-2">
23	<CreateTableInstructionsDialog />
24	</div>
25	)}
26	</ScaffoldHeader>
27	)
28	}