mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
31 lines
596 B
TypeScript
31 lines
596 B
TypeScript
import type { SvelteComponentTyped } from "svelte";
|
|
import type { SvelteHTMLElements } from "svelte/elements";
|
|
|
|
type $RestProps = SvelteHTMLElements["div"];
|
|
|
|
type $Props = {
|
|
/**
|
|
* Specify the aspect ratio
|
|
* @default "2x1"
|
|
*/
|
|
ratio?:
|
|
| "2x1"
|
|
| "2x3"
|
|
| "16x9"
|
|
| "4x3"
|
|
| "1x1"
|
|
| "3x4"
|
|
| "3x2"
|
|
| "9x16"
|
|
| "1x2";
|
|
|
|
[key: `data-${string}`]: any;
|
|
};
|
|
|
|
export type AspectRatioProps = Omit<$RestProps, keyof $Props> & $Props;
|
|
|
|
export default class AspectRatio extends SvelteComponentTyped<
|
|
AspectRatioProps,
|
|
Record<string, any>,
|
|
{ default: {} }
|
|
> {}
|