apple2js/js/components/Inset.tsx
Will Scullin 9173bff1ba
Switch to scss, better scope rules (#170)
Restrict element types and global styling to improve embedability
2023-01-11 18:14:44 -08:00

20 lines
490 B
TypeScript

import { h, ComponentChildren, JSX } from 'preact';
import cs from 'classnames';
import styles from './css/Inset.module.scss';
interface InsetProps extends JSX.HTMLAttributes<HTMLDivElement> {
children: ComponentChildren;
}
/**
* Convenience component for a nice beveled border.
*
* @returns Inset component
*/
export const Inset = ({ children, className, ...props }: InsetProps) => (
<div className={cs(className, styles.inset)} {...props}>
{children}
</div>
);