# All files / src/components/atoms AtomsSection.tsx

0% Statements 0/24
0% Branches 0/1
0% Functions 0/1
0% Lines 0/24

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25

     import { Snippet } from '@/lib/types'
    import { ButtonsSection } from './ButtonsSection'
    import { BadgesSection } from './BadgesSection'
    import { InputsSection } from './InputsSection'
    import { TypographySection } from './TypographySection'
    import { IconsSection } from './IconsSection'
    import { ColorsSection } from './ColorsSection'

    interface AtomsSectionProps {
      onSaveSnippet: (snippet: Omit<Snippet, 'id' | 'createdAt' | 'updatedAt'>) => void
    }

    export function AtomsSection({ onSaveSnippet }: AtomsSectionProps) {
      return (
        <div className="space-y-16">
          <ButtonsSection onSaveSnippet={onSaveSnippet} />
          <BadgesSection onSaveSnippet={onSaveSnippet} />
          <InputsSection onSaveSnippet={onSaveSnippet} />
          <TypographySection />
          <IconsSection />
          <ColorsSection />
        </div>
      )
    }