Desktop/ts/components/fun/base/FunPanel.dom.tsx

// Copyright 2025 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import type { ReactNode } from 'react';
import React from 'react';

export type FunPanelProps = Readonly<{
  children: ReactNode;
}>;

export function FunPanel(props: FunPanelProps): React.JSX.Element {
  return <div className="FunPanel">{props.children}</div>;
}

export type FunPanelHeaderProps = Readonly<{
  children: ReactNode;
}>;

export function FunPanelHeader(props: FunPanelHeaderProps): React.JSX.Element {
  return <div className="FunPanel__Header">{props.children}</div>;
}

export type FunPanelBodyProps = Readonly<{
  children: ReactNode;
}>;

export function FunPanelBody(props: FunPanelBodyProps): React.JSX.Element {
  return <div className="FunPanel__Body">{props.children}</div>;
}

export type FunPanelFooterProps = Readonly<{
  children: ReactNode;
}>;

export function FunPanelFooter(props: FunPanelFooterProps): React.JSX.Element {
  return <div className="FunPanel__Footer">{props.children}</div>;
}