import { defineField, defineType } from 'sanity'
import { TfiLayoutCtaCenter } from 'react-icons/tfi'
import { reputationBlock } from '../misc/reputation'
import {
textAlign,
alignItems,
alignmentFieldset,
} from '../fragments/fields/alignment'
import { getBlockText } from '@/sanity/lib/utils'
export default defineType({
name: 'hero',
title: 'Hero',
icon: TfiLayoutCtaCenter,
type: 'object',
groups: [
{ name: 'content', default: true },
{ name: 'asset' },
{ name: 'options' },
],
fieldsets: [alignmentFieldset, { name: 'image', options: { columns: 2 } }],
fields: [
defineField({
name: 'options',
type: 'module-options',
group: 'options',
}),
defineField({
name: 'pretitle',
type: 'string',
group: 'content',
}),
defineField({
name: 'content',
type: 'array',
of: [{ type: 'block' }, { type: 'custom-html' }, reputationBlock],
group: 'content',
}),
defineField({
name: 'ctas',
title: 'Call-to-actions',
type: 'array',
of: [{ type: 'cta' }],
group: 'content',
}),
defineField({
name: 'assets',
title: 'Assets',
type: 'array',
of: [{ type: 'img' }],
validation: (Rule) => Rule.max(1),
group: 'asset',
}),
defineField({
...alignItems,
fieldset: 'alignment',
}),
defineField({
...textAlign,
fieldset: 'alignment',
}),
],
preview: {
select: {
content: 'content',
media: 'assets.0.image',
},
prepare: ({ content, media }) => ({
title: getBlockText(content),
subtitle: 'Hero',
media,
}),
},
})