import {
  CalendarBlankIcon,
  FileTextIcon,
  ScalesIcon,
} from '@phosphor-icons/react';

export function InfoSection() {
  return (
    <div className="mt-12 pt-8 border-t border-gray-200 dark:border-gray-800">
      <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
        <div className="space-y-3">
          <h3 className="flex items-center gap-2 font-semibold text-lg text-gray-800 dark:text-gray-100">
            <FileTextIcon size={22} weight="duotone" />
            Sobre o Diário Oficial
          </h3>
          <p className="text-sm text-gray-600 dark:text-gray-400">
            Publicação oficial da Prefeitura Municipal de Ribeirópolis, contendo
            atos, editais, licitações e comunicados oficiais.
          </p>
        </div>

        <div className="space-y-3">
          <h3 className="flex items-center gap-2 font-semibold text-lg text-gray-800 dark:text-gray-100">
            <ScalesIcon size={22} weight="duotone" />
            Legalidade
          </h3>
          <p className="text-sm text-gray-600 dark:text-gray-400">
            As publicações têm validade jurídica e são essenciais para
            transparência pública conforme a Lei de Acesso à Informação.
          </p>
        </div>

        <div className="space-y-3">
          <h3 className="flex items-center gap-2 font-semibold text-lg text-gray-800 dark:text-gray-100">
            <CalendarBlankIcon size={22} weight="duotone" />
            Frequência
          </h3>
          <p className="text-sm text-gray-600 dark:text-gray-400">
            Publicado diariamente, de segunda a sexta-feira, exceto feriados
            municipais e nacionais.
          </p>
        </div>
      </div>
    </div>
  );
}
