@lobehub/ui/es/awesome/LandingSection/LandingSection.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"LandingSection.mjs","names":[],"sources":["../../../src/awesome/LandingSection/LandingSection.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { LandingActions } from '@/awesome/landingActions';\nimport Tag from '@/base-ui/Tag';\n\nimport { styles } from './style';\nimport type { LandingSectionProps } from './type';\n\nconst LandingSection = memo<LandingSectionProps>(\n  ({\n    actions,\n    align = 'start',\n    children,\n    className,\n    description,\n    divider = true,\n    eyebrow,\n    eyebrowColor = 'blue',\n    extra,\n    id,\n    onNavigate,\n    renderLink,\n    title,\n    ...rest\n  }) => {\n    const headingId = id ? `${id}-title` : undefined;\n    const hasActions = Boolean(actions?.length);\n    const hasAside = hasActions || Boolean(extra);\n    const hasHeader = Boolean(eyebrow || title || description || hasAside);\n\n    return (\n      <section\n        aria-labelledby={title ? headingId : undefined}\n        className={cx(styles.root, className)}\n        data-divider={divider}\n        id={id}\n        {...rest}\n      >\n        {hasHeader && (\n          <div className={styles.header} data-align={align}>\n            <div className={styles.heading}>\n              {eyebrow && (\n                <Tag className={styles.eyebrow} color={eyebrowColor} shape={'round'}>\n                  {eyebrow}\n                </Tag>\n              )}\n              {title && (\n                <h2 className={styles.title} id={headingId}>\n                  {title}\n                </h2>\n              )}\n              {description && <p className={styles.description}>{description}</p>}\n            </div>\n            {hasAside && (\n              <div className={styles.extra}>\n                {hasActions && (\n                  <LandingActions\n                    actions={actions!}\n                    renderLink={renderLink}\n                    size={'small'}\n                    onNavigate={onNavigate}\n                  />\n                )}\n                {extra}\n              </div>\n            )}\n          </div>\n        )}\n        {children && <div className={hasHeader ? styles.body : undefined}>{children}</div>}\n      </section>\n    );\n  },\n);\n\nLandingSection.displayName = 'LandingSection';\n\nexport default LandingSection;\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAiB,MACpB,EACC,SACA,QAAQ,SACR,UACA,WACA,aACA,UAAU,MACV,SACA,eAAe,QACf,OACA,IACA,YACA,YACA,OACA,GAAG,WACC;CACJ,MAAM,YAAY,KAAK,GAAG,GAAG,UAAU,KAAA;CACvC,MAAM,aAAa,QAAQ,SAAS,MAAM;CAC1C,MAAM,WAAW,cAAc,QAAQ,KAAK;CAC5C,MAAM,YAAY,QAAQ,WAAW,SAAS,eAAe,QAAQ;CAErE,OACE,qBAAC,WAAD;EACE,mBAAiB,QAAQ,YAAY,KAAA;EACrC,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,gBAAc;EACV;EACJ,GAAI;EALN,UAAA,CAOG,aACC,qBAAC,OAAD;GAAK,WAAW,OAAO;GAAQ,cAAY;GAA3C,UAAA,CACE,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA;KACG,WACC,oBAAC,KAAD;MAAK,WAAW,OAAO;MAAS,OAAO;MAAc,OAAO;MACzD,UAAA;KACE,CAAA;KAEN,SACC,oBAAC,MAAD;MAAI,WAAW,OAAO;MAAO,IAAI;MAC9B,UAAA;KACC,CAAA;KAEL,eAAe,oBAAC,KAAD;MAAG,WAAW,OAAO;MAAc,UAAA;KAAe,CAAA;IAC/D;GACJ,CAAA,GAAA,YACC,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA,CACG,cACC,oBAAC,gBAAD;KACW;KACG;KACZ,MAAM;KACM;IACb,CAAA,GAEF,KACE;GAEJ,CAAA,CAAA;EAEN,CAAA,GAAA,YAAY,oBAAC,OAAD;GAAK,WAAW,YAAY,OAAO,OAAO,KAAA;GAAY;EAAc,CAAA,CAC1E;;AAEb,CACF;AAEA,eAAe,cAAc"}