core-buttons.tsx

import { cn, getStylesFromAttributes } from '@snapwp/core';
import type {
	CoreButtons as CoreButtonsType,
	CoreButtonsProps,
} from '@snapwp/types';

/**
 * Renders the core/buttons block.
 *
 * @param props - The props for the block component.
 * @param props.attributes - Block attributes.
 * @param props.children - The block's children.
 *
 * @return {React.JSX.Element} The rendered block.
 */
const CoreButtons: CoreButtonsType = ( {
	attributes,
	children,
}: CoreButtonsProps ) => {
	const { cssClassName, style } = attributes || {};
	const classNames = cn( cssClassName );

	const styleObject = getStylesFromAttributes( { style } );

	return (
		<div className={ classNames } style={ styleObject }>
			{ children }
		</div>
	);
};

export default CoreButtons;