Files
uiowaATR/src/components/Labels.tsx
2023-04-19 00:33:49 -05:00

14 lines
419 B
TypeScript

/**
* Styled black background gradient label used to label a widget.
* Widget refers to one of the isolated rounded containers (such as search form or table).
*/
const TopLabel = ({ children }: { children: JSX.Element | JSX.Element[] }) => {
return (
<div className="mx-auto overflow-hidden bg-gradient-to-t from-neutral-900 to-neutral-700 px-4 py-2">
{children}
</div>
);
};
export { TopLabel };