'use client';

import { Category } from '@akinon/next/types';

export const CategoryBanner = (props: Category['attributes']['banner']) => {
  if (Object.keys(props).length === 0) {
    return null;
  }

  return (
    <h1 className="text-3xl lg:text-[40px] mb-5 lg:mb-10">
      {props.value.title}
    </h1>
  );
};
