ksylvest/tights

import { clsx } from "clsx";
import type { ComponentProps, FC } from "react";

const DEFAULT_ACTIVE = true;

type Props = {
  active?: boolean;
};

export const Modal: FC<Omit<ComponentProps<"div">, keyof Props> & Props> = ({
  active = DEFAULT_ACTIVE,
  className,
  ...props
}) => (
  <div {...props} className={clsx("modal", active && "is-active", className)} />
);