import cn from 'classnames';
import { ComponentChildren, JSX } from 'preact';
import './index.css';

export interface <%= componentName %>Props {
  children?: ComponentChildren;
  className?: string;
  style?: JSX.CSSProperties;
}

export function <%= componentName %>({ children, className, style }: <%= componentName %>Props) {
  return <div className={cn('<%= basename %>', className)} style={style}>{children}</div>;
}