@awsui/components-react/tiles/index.js

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
'use client';
import React from 'react';
import { getAnalyticsMetadataAttribute } from '@awsui/component-toolkit/internal/analytics-metadata';
import useBaseComponent from '../internal/hooks/use-base-component';
import { applyDisplayName } from '../internal/utils/apply-display-name';
import InternalTiles from './internal';
const Tiles = React.forwardRef((props, ref) => {
    const baseComponentProps = useBaseComponent('Tiles', {
        props: { columns: props.columns, readOnly: props.readOnly },
    });
    const componentAnalyticsMetadata = {
        name: 'awsui.Tiles',
        label: { root: 'self' },
        properties: {
            value: `${props.value}`,
        },
    };
    return (React.createElement(InternalTiles, { ref: ref, ...props, ...baseComponentProps, ...getAnalyticsMetadataAttribute({
            component: componentAnalyticsMetadata,
        }) }));
});
applyDisplayName(Tiles, 'Tiles');
export default Tiles;
//# sourceMappingURL=index.js.map