19 lines
591 B
TypeScript
19 lines
591 B
TypeScript
|
import * as React from 'react';
|
||
|
|
import classNames from 'classnames';
|
||
|
|
|
||
|
|
type Props = Readonly<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
|
||
|
|
title?: string;
|
||
|
|
borderColor?: string;
|
||
|
|
}>;
|
||
|
|
|
||
|
|
export default ({ title, borderColor, children, ...props }: Props) => (
|
||
|
|
<div {...props}>
|
||
|
|
{title && <h2 className={'text-neutral-300 mb-2 px-4'}>{title}</h2>}
|
||
|
|
<div className={classNames('bg-neutral-700 p-4 rounded shadow-lg', borderColor, {
|
||
|
|
'border-t-4': !!borderColor,
|
||
|
|
})}>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|