import { Meta } from '@storybook/react'
import { ServiceCard } from '../components/ServiceCard/ServiceCard'
import React from 'react'
import { Home } from '@mui/icons-material'

const meta = {
  title: 'Layout/ServiceCard',
  component: ServiceCard,
  parameters: {
    layout: 'centered',
  },
  tags: ['autodocs'],
  argTypes: {},
} satisfies Meta<typeof ServiceCard>

export default meta

export const BasicServiceCard = () => (
  <ServiceCard
    title="Financeiro e Jurídico"
    description="Dados financeiros e legais sobre seus produtos."
    icon={{
      iconName: Home,
      bgColor: '#F6F07F',
      iconColor: '#B16E4B',
      scale: 'medium',
      iconWidth: '36px',
      iconHeight: '36px',
    }}
  />
)
BasicServiceCard.storyName = 'Basic Service Card'

export const DisabledServiceCard = () => (
  <ServiceCard
    title="Financeiro e Jurídico"
    description="Dados financeiros e legais sobre seus produtos."
    icon={{
      iconName: 'olosFinancial',
      bgColor: '#F6F07F',
      iconColor: '#B16E4B',
      scale: 'medium',
      iconWidth: '36px',
      iconHeight: '36px',
    }}
    disabled
  />
)