+
);
});
+export const Banner = React.forwardRef(function CardBanner(
+ { children, className, ...props }: React.HTMLAttributes
,
+ forwardedRef: React.ForwardedRef,
+) {
+ return (
+
+ );
+});
+
export const Footer = React.forwardRef(function Footer(
{ branded = true, children, className, ...props }: { branded?: boolean } & React.HTMLAttributes,
forwardedRef: React.ForwardedRef,
diff --git a/packages/ui/src/tailwind.config.ts b/packages/ui/src/tailwind.config.ts
index e4279c815c..448cc24ef4 100644
--- a/packages/ui/src/tailwind.config.ts
+++ b/packages/ui/src/tailwind.config.ts
@@ -70,6 +70,9 @@ const config = {
spacing: {
...generateSpaceScale(),
},
+ zIndex: {
+ 1: '1',
+ },
colors: {
accent: {
...generateColorScale('accent'),