Start working on some defined styles, begin implementing password update in account

This commit is contained in:
Dane Everitt 2019-06-22 18:53:50 -07:00
parent 0789b814dd
commit adcd2682ef
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
8 changed files with 226 additions and 91 deletions

View file

@ -0,0 +1,18 @@
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>
);